css – WebKit中的样式

前端之家收集整理的这篇文章主要介绍了css – WebKit中的样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
请在Chrome浏览器中查看此示例: http://jsfiddle.net/ymzTB/
<form>
    <input required type = "text" >
    <input type = "submit" >
</form>

当您将输入留空并只需单击回车时,您将收到如下消息:请填写此字段.看起来不错.

如何在WebKit和其他浏览器中设置此消息的样式,例如,用红色替换背景颜色,或者将字体颜色或大小设置为其他颜色?

解决方法

您可以使用以下 pseudo classes
::-webkit-validation-bubble{}
::-webkit-validation-bubble-top-outer-arrow{}
::-webkit-validation-bubble-top-inner-arrow{}
::-webkit-validation-bubble-message{}

猜你在找的CSS相关文章