css - 有没有办法覆盖 HTML5 表单验证消息的默认 CSS

Question

我想更改气泡消息的背景 - 为红色，文本为另一种语言，而不是英语。我已经为我的输入字段和 CSS 设置了“必需”以表示有效和无效，并且它正在工作。以及如何在您悬停输入字段时显示此气泡消息。我试过:

 ::-webkit-validation-bubble-message {
     border: 1px solid #E6C700;
     background: #FF0000;

    }

但它并没有改变。如何更改气泡消息的背景？我的有效和无效 CSS 是:

input:focus:invalid, select:focus:invalid { 
    background: #fff url("images/required.png") no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
 input:required:valid, select:required:valid { 
    background: #fff url("images/valid.png") no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

Answer 1

 ::-webkit-validation-bubble-message 

仅部分适用于 chrome 和 safari。

最终，您目前无法为这些特定于浏览器/操作系统的样式设置样式。

您可以使用 JS 更改消息，但目前您只能这样做。