Css伪类输入:not(禁用)not：[type=“submit”]：focus
Css伪类输入:not(禁用)not：[type=“submit”]：focus
提问于 2012-02-09 16:07:25
我想应用一些css的输入元素，我只想这样做的输入，没有禁用和提交类型，下面的css不工作，如果有人可以解释我如何必须添加。
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2012-02-09 16:11:13
而不是：
input:not(disabled)not:[type="submit"]:focus {}使用：
input:not([disabled]):not([type="submit"]):focus {}disabled是一个属性，所以它需要方括号，而您似乎在:not()选择器上混淆/丢失了冒号和圆括号。
需要注意的一件事:我可能错了，但我不认为disabled输入可以正常地接收焦点，所以这部分可能是多余的。
或者，使用:enabled
input:enabled:not([type="submit"]):focus { /* styles here */ }同样，我想不出禁用的输入可以接收焦点的情况，所以这似乎是不必要的。
Stack Overflow用户
发布于 2016-04-04 23:05:38
你的语法很古怪。
更改此设置：
input:not(disabled)not:[type="submit"]:focus{至：
input:not(:disabled):not([type="submit"]):focus{似乎很多人没有意识到:enabled和:disabled是有效的CSS选择器……
Stack Overflow用户
发布于 2012-02-09 16:24:34
您的选择中有几个拼写错误。应该是：input:not([disabled]):not([type="submit"]):focus
有关概念的证明，请参阅此jsFiddle。顺便说一句，如果我删除了"background-color“属性，那么框阴影就不再起作用了。不知道为什么。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9207304
复制相关文章
相似问题