Css伪类input：不（禁用）不是：：焦点

我想申请一些CSS的投入要素，我想这样做只是为input未被禁用，不提交types，下面的CSS不工作，也许如果有人可以解释我如何这必须被添加。

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

Answer 1

代替：

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

使用：

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

disabled是一个属性，所以它需要括号，而且你似乎已经混合/缺less冒号和括号在:not()select器。

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

有一件事要注意：我可能是错的，但我不认为disabledinput通常可以获得焦点，所以这部分可能是多余的。

Answer 2

你在select中有一些错别字。 它应该是： input:not([disabled]):not([type="submit"]):focus

看到这个jsFiddle的概念certificate。 在旁注中，如果我删除了“background-color”属性，那么box阴影不再起作用。 不知道为什么。

Answer 3

你的语法很棘手。

改变这个：

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

至：

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

似乎很多人不知道:enabled和:disabled是有效的CSSselect器…