【问题标题】:Styling default validation tooltip样式化默认验证工具提示
【发布时间】:2016-08-13 07:11:52
【问题描述】:

是否可以设置默认工具提示的样式?这是一个 JSFiddle 演示默认工具提示。

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

【问题讨论】:

标签: html css validation tooltip


【解决方案1】:

您不能更改“默认工具提示”(HTML5 验证气泡) - 它由浏览器供应商和浏览器语言等其他几个参数决定。

但是,您可以防止验证气泡 - 通过执行类似

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

从现在开始,通过myCustomFunction,您可以开发自己的泡泡。

Reference.

【讨论】:

    【解决方案2】:

    【讨论】:

      【解决方案3】:

      使用这个 css 来设置占位符文本的样式

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

      【讨论】:

        猜你喜欢
        • 2018-02-13
        • 2010-09-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-07-06
        相关资源
        最近更新 更多