小编典典

Css 伪类 input:not(disabled)not:[type="submit"]:focus

all

我想为输入元素应用一些 css,我只想对未禁用且不是提交类型的输入执行此操作,下面的 css 不起作用,也许有人可以解释我必须如何添加它。

input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}

阅读 88

收藏
2022-07-27

共1个答案

小编典典

代替:

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

利用:

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

disabled是一个属性,因此它需要括号,并且您似乎在:not()选择器上混淆了/缺少冒号和括号。

演示:http: //jsfiddle.net/HSKPx/

需要注意的一件事:我可能错了,但我不认为disabled输入通常可以接收焦点,因此该部分可能是多余的。

或者,使用:enabled

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

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

2022-07-27