html - webkit 自动填充输入的光标颜色

标签 html css autocomplete webkit autofill

如何强制自动填充输入的光标与普通输入的光标颜色相同?

在 webkit 中,自动填充输入被强制设置为黄色背景,我们使用 box-shadow 来覆盖它。但是相对于浏览器的机制,光标会反射(reflect)到背景颜色并变暗。

如何强制它不改变颜色?

最佳答案

我有同样的要求。我使用 caret-color 将颜色应用于闪烁的光标。我在 Chrome、Edge 和 Firefox 中测试过,caret-colorsupported by major browsers所以它应该也适用于 Safari 等其他浏览器。

这是代码笔,

https://codepen.io/soyaddy/pen/XWqZVEZ

关于html - webkit 自动填充输入的光标颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39223768/

相关文章:

javascript - 追加/添加到容器

javascript - Kinetic.js 加载问题

javascript - 对于多个添加的元素,自动滚动溢出元素不会继续

php - Apache Solr 搜索自动完成

java - Android:Google Place Autocomplete API 给出“此 ip、站点或移动应用程序未被授权使用此 API key

html - 页面超出移动设备的视口(viewport)

javascript - jQuery Masonry 插件 - 在父容器外部渲染元素

javascript - html <div> 似乎没有被识别

html - 多个图像 CSS 之间的淡入淡出

javascript - jQuery 自动完成建议所有选项,无论输入条目如何