我想为输入元素应用一些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() Select 器上似乎混淆了/缺少冒号和括号.

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

需要注意的一点是:我可能错了,但我不认为disabled个输入通常可以接收焦点,所以这部分可能是多余的.

或者,使用:enabled

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

再说一次,我想不出哪种情况下禁用的输入可以获得焦点,所以它似乎没有必要.

Css相关问答推荐

Javascript Splitter Divider hover color css

Vue3日期 Select 器:禁用向左和向右箭头

React呈现多个css文件

悬停时可展开的按钮与屏幕右侧对齐,如何保持未悬停的按钮正确对齐?

如何在WooCommerce产品页面中减少属性下拉菜单之间的空间

如何在不重叠侧边栏的情况下尽可能使元素居中?

有人可以解释为什么我的 CSS 转换如此突然吗?

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

不同的背景 colored颜色 取决于 URL

CSS网格列随着长内容改变大小

如何使用rvest中的 node 和类提取网页数据

使用border-radius时填充元素之间的空间

在 CSS 中如何使用 100% 和最大内容之间的最大值

如何在 CSS 中控制列表样式类型光盘的大小?

如何隐藏锚文本而不隐藏锚?

如何将页脚保持在屏幕底部

溢出的文本可以居中吗?

Chrome 呈现 colored颜色 的方式与 Safari 和 Firefox 不同

可变高度的 CSS 浮动 div

使用 :focus 设置外部 div 的样式?