Question

是否可以设置默认工具提示的样式？这是展示默认工具提示的JSFiddle。

<form>
    <input type="text" placeholder="Submit without entering value!" required>
    <input type="submit">
</form>

Answer 1

您无法更改＆＃34;默认工具提示＆＃34; （HTML5验证泡泡） - 它由浏览器供应商和其他几个参数确定，如浏览器语言。

然而，您可以阻止验证泡沫 - 通过执行类似

的操作

<input placeholder="Lorem ipsum..." required oninvalid="myCustomFunction()" />

从现在开始，myCustomFunction可以开发自己的泡泡。

Answer 2

使用此css设置占位符文本的样式

::-webkit-input-placeholder { /* Chrome */
  color: red;
}

Answer 3

这篇文章很好地总结了可能性