css - 使用 CSS 匹配空输入框

标签 css input css-selectors

如何将样式应用于空输入框?如果用户在输入字段中键入内容,则不应再应用该样式。这在 CSS 中可能吗?我试过这个:

input[value=""]

最佳答案

在现代浏览器中,您可以使用 :placeholder-shown 来定位空输入(不要与 ::placeholder 混淆)。

input:placeholder-shown {
    border: 1px solid red; /* Red border only if the input is empty */
}

更多信息和浏览器支持:https://css-tricks.com/almanac/selectors/p/placeholder-shown/

关于css - 使用 CSS 匹配空输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40382954/

相关文章:

javascript - 添加第二个类不起作用

html - 输入多个的 CSS 样式

css - Prototype 1.7 - 属性选择器坏了?

CSS 定位类类型的最后一个,但不是最后一个子级

javascript - 根据选择框中选择的选项执行脚本?

css - 将 li 元素符号与文本对齐?

jquery - ul li 菜单 - make li :s fill entire ul?

python - 模块 'requests' 未通过登录

html - 如何使用百分比设置表格单元格的最大宽度?

android - 用手势在 EditText 中书写