html - 表单 - CSS/必需属性事件样式

标签 html css forms

<分区>

我在网站上有一个表单,其中包含具有必需属性的输入。

当所需属性在 Firefox 上激活时(当用户没有正确填写表单时),我的输入上有一种红色边框。

我想知道我该如何改变它?我可以在激活时操纵所需效果的样式吗?

感谢您的回答!

最佳答案

您结合使用了两个伪选择器::required:invalid:required:valid

例如:

input[type=text]:required:invalid { border-color: red; }

关于html - 表单 - CSS/必需属性事件样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38375200/

上一篇:html - 根据里面的内容在 div 上编辑 CSS

下一篇:javascript - 模态背景淡入淡出问题与 Bootstrap 模态

相关文章:

jquery - 如何使用CSS按钮在表单中发布方法?

javascript - 取消选中 react 中的单选按钮

php - 避免因页面刷新而提交的最佳方法

javascript - 图片展开用jQuery动画推别人

javascript - 表格没有在我的 div 内对齐并且比我设置的要宽

forms - Dart不允许我使用POST方法

css - 在导航菜单中隐藏文本

javascript - Modal Body 内容 float 到 Modal footer 区域并占据 footer

jQuery 字符计数 onkeyup 在剩余 0 时显示 1 个字符

php - 表单中可变数量的输入字段