当前位置: 首页 > news >正文

原生input修改input:-internal-autofill-selected自动填入携带的背景色

当input框背景色设为其他色或者透明色的时候,chroma浏览器默认填充进入输入框会额外携带背景色,css代码如下:

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    color: fieldtext !important;
}

我尝试过vue的样式穿透,但是并没有效果。

解决方案:

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

相关文章:

  • 计算机毕业设计SpringBoot+Vue.jst0甘肃非物质文化网站(源码+LW文档+PPT+讲解)
  • DevEco Studio常用快捷键以及如何跟AndroidStudio的保持同步
  • 【llm落地】从零到一,用DeepSeek打造智能BI工具:自然语言驱动数据洞察
  • 数据结构:基数排序(c++实现)
  • 树形DP(树形背包+换根DP)
  • 交流异步电动机PI双闭环SVPWM矢量控制Simulink
  • 【Redis原理】底层数据结构 五种数据类型
  • 分布式服务监控
  • 使用大语言模型对接OA系统,实现会议室预定功能
  • 【SpringBoot】✈️本地集成支付宝支付功能
  • Redhat及其衍生系统安装python
  • 如何使用wolfsll库生成证书?
  • Xcode如何高效的一键重命名某个关键字
  • SOME/IP--协议英文原文讲解12(完结)
  • 【Git版本控制器】第四弹——分支管理,合并冲突,--no-ff,git stash
  • 大语言模型(LLM)提示词(Prompt)高阶撰写指南
  • 《论面向对象的建模及应用》审题技巧 - 系统架构设计师
  • Onvif协议NVR开发方案指南
  • SQL笔记#数据更新
  • [AI] [ComfyUI]理解ComyUI的基本原理及其图像生成技术
  • 基层建设收录网站/如何优化关键词搜索排名
  • 南宁做网站开发的公司/百度推广首页登录
  • 贵阳做网站找哪家好/好用的推广平台
  • 十堰网站制作公司电话/如何在百度上发布广告
  • 企业网站维护合同/制作网页的软件
  • 松原做网站的公司/关键词上首页软件