Css伪类输入:not(disabled)not:[type =“submit”]:focus

我想对输入元素应用一些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()选择器。

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

有一点要注意:我可能是错误的,但我不认为禁用输入可以正常接收焦点,所以部分可能是多余的。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效