我想为输入元素应用一些css，我只想为那些未禁用且未提交的输入，下面的CSS不起作用，也许如果有人可以解释我如何添加。Css伪类输入：不是（禁用）不是：[type =“submit”]：focus
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}
相反的：
input:not(disabled)not:[type="submit"]:focus {}
用途：
input:not([disabled]):not([type="submit"]):focus {}
disabled是一个属性，因此所需要的支架，你似乎混淆了在/缺少冒号和括号:not()选择器。
有一点要注意：我可能是错的，但我不认为disabled投入通常可以获得焦点，所以这部分可能是多余的。
您在选择中有几个拼写错误。应该是：input:not([disabled]):not([type="submit"]):focus
请参见此jsFiddle以获得概念验证。在旁注中，如果我删除了“background-color”属性，那么box阴影不再起作用。不知道为什么。
你的语法很棘手。
更改此：
input:not(disabled)not:[type="submit"]:focus{
到：
input:not(:disabled):not([type="submit"]):focus{
似乎很多人都没有意识到:enabled和:disabled是有效的CSS选择器...
为什么不缩短到'input：enabled：not（[type =“submit”]）：focus {'？ – 2017-10-11 21:18:25
@SeantheBean好点。这更干净。 – Gavin 2017-10-12 15:36:17
是的，我只读属性在我的项目:)谢谢！ – BurebistaRuler 2012-02-09 08:23:11
：不（[disabled]）是一种非常详细的写作方式：enabled https://developer.mozilla.org/en-US/docs/Web/CSS/:enabled – Adria 2014-10-30 04:14:06
readonly怎么样？ – Cullub 2016-01-23 18:54:27