我想为输入元素应用一些 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 {}
利用:
input:not([disabled]):not([type="submit"]):focus {}
disabled是一个属性,因此它需要括号,并且您似乎在:not()选择器上混淆了/缺少冒号和括号。
disabled
:not()
演示:http: //jsfiddle.net/HSKPx/
需要注意的一件事:我可能错了,但我不认为disabled输入通常可以接收焦点,因此该部分可能是多余的。
或者,使用:enabled
:enabled
input:enabled:not([type="submit"]):focus { /* styles here */ }
同样,我想不出禁用输入可以接收焦点的情况,因此似乎没有必要。