解决Chrome浏览器表单自动填充默认样式

最新推荐文章于 2025-05-02 14:15:21 发布

紫微前端

最新推荐文章于 2025-05-02 14:15:21 发布

阅读量803

点赞数

分类专栏：常用代码片段文章标签： chrome 前端 javascript

本文链接：https://blog.csdn.net/liuhao9999/article/details/123326256

版权

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何处理Chrome浏览器在自动填充表单时应用的默认样式问题，通过前端JavaScript技术实现对自动填充内容样式的自定义，确保网页设计的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; }

.ours-batchEdit * {
  font-size: 12px !important; }
  .ours-batchEdit * .multiSelect-wrapper,
  .ours-batchEdit * .radio-button-wrapper {
    margin-top: 1px; }

.ours-batchEdit .ours-class-tablegrid .ours-class-address,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-1,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-2,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-3,
.ours-batchEdit .ours-class-tablegrid .ours-class-address-4 {
  font-size: 0 !important; }
  .ours-batchEdit .ours-class-tablegrid

了解本专栏