Css伪类输入：未（禁用）未：[类型=“提交”]：焦点

我想为输入元素应用一些css，我只想为未禁用和未提交类型的输入应用css，下面的css不起作用，也许有人能解释一下如何添加

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 {}

使用：

disabled

是一个属性，因此它需要括号，并且您似乎在

：not（）

选择器上混淆了/缺少了冒号和括号

演示：

需要注意的一点是：我可能错了，但我不认为

禁用的

输入通常可以接收焦点，因此该部分可能是多余的

或者，使用

：enabled

input:enabled:not([type="submit"]):focus { /* styles here */ }

---

同样，我想不出哪种情况下禁用的输入可以接收焦点，因此它似乎没有必要。

您的选择中有一些输入错误。它应该是：

input:not（[disabled]）：not（[type=“submit”]）：focus

---

请参见此以获得概念证明。另一方面，如果我删除了“background color”属性，那么长方体阴影将不再有效。不知道为什么。

你的语法很古怪

更改此项：

input:not(disabled)not:[type="submit"]:focus{

致：

---

似乎很多人没有意识到

：enabled

和

：disabled

是有效的CSS选择器…

：not（[disabled]）是一种非常冗长的书写方式：enabled@Adria不适用于我的。有一个带有，并且必须专门使用：禁用的选择器。FF65.出于某种原因：对于MEI，ie 11中的“：enabled”不起作用。使用

：not（[disabled]）

与

：not（：disabled）

之间有什么区别吗？没有可能。禁用的

元素无法获得焦点状态。既不是通过CSS也不是通过JS。为什么不将其进一步缩短为
input:enabled:not（[type=“submit”]）：focus{
？
input:not(disabled)not:[type="submit"]:focus{

input:not(:disabled):not([type="submit"]):focus{