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

Question

我想改变泡泡消息的背景 - 红色和文本是另一种语言，而不是英语。我已将“required”设置为输入字段，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更改消息，但这是您现在可以使用的消息。