如何更改 HTML5 表单验证消息中的图像?

2023-11-21

Using 本文,我正在更改一些 HTML5 表单验证弹出窗口的样式。但是,除了我添加的新红色 X 之外,我的错误弹出窗口仍然在错误中显示默认的橙色感叹号。如何去掉橙色感叹号(见下图)。到目前为止,我只在 Chrome 中进行测试。

sample error message

这是我在那篇文章中使用的 CSS:

::-webkit-validation-bubble-message 
{
    color: #eee;
    background: #000;
    border-color: #444;
    -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.5);
}

::-webkit-validation-bubble-message:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/myPath/myImage.png)
}

::-webkit-validation-bubble-arrow {
    background: #000;
    border-color: #444;
    -webkit-box-shadow: 0 0 0 0;
}

Try:

input::-webkit-validation-bubble-icon {
display: none;
}

或者,当然:

input::-webkit-validation-bubble-icon {
background: url(http://google.com/favicon.ico);
}

Jsfiddle在这里:http://jsfiddle.net/xhqhV/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何更改 HTML5 表单验证消息中的图像? 的相关文章

  • 是否可以使用“grid-template-areas”删除网格中空行的高度?

    我有一个包含八张 或更少 卡片的网格 我希望卡片自动放置在网格中 而不知道它们的宽度和高度 也就是说 宽度和高度应该在网格样式中指定 当我展示全部 8 张卡片时效果非常好 例子 grid template areas card 1 card
  • html 链接不起作用 href javascript 参数太长

    a href alt a 在 href 中我调用了一个 javascript 函数 change 第二个参数 n1387519869249 1196 n1387519906965 1368 n 是一个非常长的值 大约 5070 个字符 但在
  • UIWebView 如何检测 被点击

    我知道下面的方法可以检测链接元素点击 但我想知道是否UIView可以检测是否img元素被点击 BOOL webView UIWebView webView shouldStartLoadWithRequest NSURLRequest re
  • 绑定 popstate 事件不起作用

    我尝试在浏览器的控制台中输入以下代码 window onpopstate function alert 1 然后单击后退按钮 没有显示任何警报 难道我做错了什么 或者是否不允许将 popstate 事件绑定到控制台的页面 使用 Chrome
  • 将实时流音频从 NodeJS 服务器获取到客户端

    我需要从 1 个客户端到服务器到多个侦听器客户端的实时实时音频流 目前 我正在从客户端进行录音 并通过 socket io 将音频流式传输到服务器 服务器接收此数据 并且必须将音频流式传输 也通过 socket io 到想要收听此流的客户端
  • 图表.js.如何更改“标签”数组的字体样式?

    我从 Chart JS 库中获取了一个图表 截屏 https i stack imgur com DnuRq png var ctx document getElementById myChart var data labels HTML
  • 如何在 Windows 网络中的 Intranet Web 应用程序中获取用户的用户名

    我内部有一个简单的 HTML 页面 它只显示一个表单并要求用户填写 我想自动捕获Windows域用户名和机器名 并将其与表单中收集的数据一起提交 我可以在客户端这样做吗 HTML JavaScript 或者我被迫在服务器端执行此操作 我还不
  • 如何默认或通过 CSS 将详细信息元素设置为 OPEN

    HTML5 添加了两个新元素 可用于标记文章的目录 details and summary 详细信息元素默认为关闭状态 隐藏除摘要元素之外的所有内容 单击时 它会展开以显示其内容 当它执行此操作时 它会向详细信息元素添加一个 open 属性
  • 在 PhoneGap 应用程序中打开用 HTML 和 CSS 制作的 PDF

    我的 iPad 应用程序在 Phone Gap 中遇到一个奇怪的问题 问题是我必须通过链接在我的应用程序中打开 PDF 文档 当我单击打开 PDF 的链接时 它会向我显示没有反向链接的 PDF 文档 因此 当我通过链接在应用程序中打开 PD
  • 无需重定向的 HTML 页面提交

    有没有什么方法可以在不使用ajax的情况下提交html表单而无需从当前页面重定向 你可以设置一个target 为您form 这样您就可以将表单提交到新选项卡 target blank 或一个小的 隐藏的iframe target nameo
  • 保证金如何运作?

    我在下面提供了marginfix这是一个块级元素并且one and two也是块级的 但它们是浮动的 这就是为什么它们位于同一行布局的原因 但是marginfix也不浮动 块级元素应位于该元素下方 如下所示
  • 如何使用 Spring Boot 传输音频

    我想让用户能够播放声音 我的实现在 Firefox 上运行良好 在 Safari 上 不播放声音 我验证了音频控制可以在 Safari 中与其他网站一起使用 所以 我认为我必须更改控制器中的某些内容 控制器 RequestMapping v
  • Windows 与 MacOS 上的不同大小字体渲染。怎么解决?

    我一直想知道为什么在 Windows 上我的字体看起来比 OSX 上更小 而且更蹩脚 Mac 与 Windows 的屏幕截图 http screencast com t UUxqLRhM http screencast com t UUxq
  • iPhone 上的锁定方向 UIWebView

    有没有办法锁定 UIWebView 的方向 使用 Obj C JS 还是 Html 我不想有按钮或任何东西 我只想在应用程序打开时将其锁定为纵向 好像这个堆栈溢出帖子 https stackoverflow com questions 43
  • 即使我的情况按预期发生变化,Angular ngClass 也不会更新我的课程

    我正在创建的模板中有类似的内容 div class nng 3 div 价值app layout isNavbarFixed等用零或一初始化 并且页面第一次加载时 适当的类被插入到我的div 不过 此后通
  • 浮动CSS属性导致父div不继承高度?

    我在 div 中有一个元素设置为float right但是 它会导致最外面的 div 不环绕 这是jsfiddle http jsfiddle net W792X 5 for it 我试图让提交按钮在 div 内浮动 但设置该属性似乎会导致
  • 通过 DevTools 协议从 Chromium 进行“向外”通信

    我有一个页面在无头 Chromium 实例中运行 我通过 DevTools 协议使用 Node js 中的 Puppeteer NPM 包来操作它 我正在将脚本注入到页面中 在某些时候 我希望脚本给我回电并向我发送一些信息 通过 DevTo
  • chrome 选项卡/窗口中的 window.open 行为

    我有一小段 javascript 旨在打开两个或更多选项卡 这在 FF 和 IE 中工作正常 但 chrome 会在新窗口而不是选项卡中打开第二个窗口 它不依赖于 url 因为我已经尝试过使用两个相同的 url 第一个在选项卡中打开 第二个
  • 如何使用 Django (Python) 登录表单?

    我在 Django 中构建了一个登录表单 现在我遇到了路由问题 当我选择登录按钮时 表单不会发送正确的遮阳篷 我认为前端的表单无法从 查看 py 文件 所以它不会发送任何 awnser 并且登录过程无法工作 该表单是一个简单的静态 html
  • Radiobutton-带有纯 html/css 的按钮

    是否可以创建像这样的单选按钮JQuery http jqueryui com demos button radio那些 用纯html css thanks 试试这个小提琴 http jsfiddle net mcXm7 1 http jsf

随机推荐

  • 安卓如何设置延迟?

    public void onClick View v TODO Auto generated method stub switch v getId case R id rollDice Random ranNum new Random in
  • 有VF2算法的工作示例吗?

    我一直在读VF2算法用于查找两个图是否同构 但不知何故错过了大局 可能是我缺少该领域的相关背景 但我所看到的只是我在每个步骤中需要使用的一堆规则 而没有看到为什么要执行这些步骤的直观解释 从基本的谷歌搜索来看 这似乎被认为是查找两个图是否同
  • 如果字符串池内存不足会发生什么?

    如果字符串池中有很多字符串文字并且内存不足 会发生什么情况 它会变大吗 如果是的话 如何变大 如果没有 如果我尝试创建更多字符串文字会发生什么 首先第一点 STRING POOL 没有字符串文字 字符串池是指向字符串对象的引用的集合 当您编
  • Java 中使用 double 类型进行除法时出错

    好的 我已经把头撞在墙上了大约两个小时 现在试图找出世界上的原因double answer 364 365 告诉我answer是 0 或者任何其他组合double就此而言 它只是截断小数 我只是不知道为什么 364 365 执行整数除法 截
  • 如何为每个外键选择有限数量的行?

    我有这张表 id feed id 假设我有 500 行 我想为每个 feed id 选择 3 个条目 总数限制为 50 这个SQL该怎么写呢 Use SELECT x feedid FROM SELECT t feedid CASE WHE
  • 你能确定一个字符串在 C 中是否可释放吗? [复制]

    这个问题在这里已经有答案了 如果我说 include
  • 如何在 imageview 上提供色调分离效果?

    我正在尝试为 imageview 提供 Photoshop 色调分离效果 这是一张普通图像 应用色调分离效果后 它应该看起来像这样 这个效果取自pixlr 图像编辑器 我想要以编程方式获得精确的效果 我尝试过的是 我试图通过 Saturat
  • 使用 ASP.NET MVC 进行 Windows 身份验证

    我为我的 asp net mvc 1 0 Web 应用程序构建了一个自定义登录系统 因为我为每个用户存储大量用户数据 因此我决定不尝试为 Windows 身份验证添加自定义表 登录系统基本上使用SQL Server 2005或2008 和我
  • 如何在同一个应用程序中使用多个 JDBC 驱动程序?

    据我了解 一旦我执行 Class forName net sourceforge jtds jdbc Driver 我初始化应用程序以全局使用 JTDS SQL Server 驱动程序 并且 java sql DriverManager g
  • 使用 JKS 和/或 PFX 证书从 C# 客户端调用 Java Web 服务

    我基本上需要确保我对该服务的请求 我被提供了一个JAR测试客户端和两个文件 trust jks and Client pfx 但我不知道如何使用它们 我了解 X509Certificate2 类以某种方式涉及 执行测试客户端的命令行如下 j
  • (size_t)((char *)0) 的计算结果是否不等于 0?

    根据中的答复 为什么要在 offsetof 中减去空指针 以及我对 K R 的阅读 C 标准并不要求这样做 size t char 0 0 不过 我从未见过将空指针转换为整数类型会计算出其他值的情况 如果有一个编译器或场景 size t c
  • webpack-dev-server 反应路由器推送状态

    我试图让 React router 与 webpack dev server 一起使用 但一直无法获取 SOMEURL 这是因为 webpack dev server 正在寻找该特定文件但找不到它 我希望 webpack 诉诸使用反应路由器
  • jQuery 验证 - 需要工作但不接受

    我正在上传图像并尝试使用 jquery 对其进行验证 这是我的代码
  • MATLAB 中的纹理映射

    我有 3D 空间中的点及其相应的 2D 图像点 如何利用 3D 点制作网格 然后对网格形成的三角形面进行纹理处理 请注意该函数trisurf您最初尝试使用的返回一个句柄patch目的 如果你看一下 FaceColor 补丁对象的属性 你可以
  • 文件路径中的 Java JTree 目录结构

    我一直在努力解决这个问题 所以也许你们中的一些人可以帮助我 我有一个文件列表及其完整路径 这些只是文件位于另一台计算机上的字符串 例如 C a b c file1 txt C a b c file2 txt C a d file3 txt
  • 检测可滚动小部件是否手动或以编程方式滚动

    有没有办法检测是否滚动 PageView PageController or Scrollable小部件 ScrollController 由用户手动完成或使用编程方式完成jumpTo or animateTo 在控制器对象上 将可滚动小部
  • Django 管理员注册内联用户配置文件管理员时出现问题

    我目前正在开发一个 django 项目 我正在尝试将 UserProfile 模型内联添加到我的 User 模型中 在我的 models py 中我有 class UserProfile models Model Extension to
  • 将网格线与点阵图形中的轴刻度对齐

    如果选择自定义网格线 是否有办法对齐网格线 默认情况下 panel grid h 1 v 1 可以完成这项工作 但我想根据轴刻度细化网格 将 h 和 v 设置为轴刻度的负长度并不总是有效 更新 下面是一个例子 我希望实现水平网格线与 y 轴
  • 从 heapq python 中弹出最大值,Python 中有最大堆吗? [复制]

    这个问题在这里已经有答案了 可能的重复 在 Python 中使用什么来实现最大堆 我正在尝试以某种方式实现 python 的 heapq 但对于最大堆 解决方案是使用 1 和多个队列编号 但这对我没有帮助 因为我需要在堆中存储 url 所以
  • 如何更改 HTML5 表单验证消息中的图像?

    Using 本文 我正在更改一些 HTML5 表单验证弹出窗口的样式 但是 除了我添加的新红色 X 之外 我的错误弹出窗口仍然在错误中显示默认的橙色感叹号 如何去掉橙色感叹号 见下图 到目前为止 我只在 Chrome 中进行测试 这是我在那