027-86866258
网站建设知识|[prov_or_city]做网站公司|seo优化排名知识

解决input标签的自动填充背景问题且可以更改字体颜色

2022-10-27 | 阅读:27812 首页>>新闻中心>>网站建站知识

对于我们武汉做网站公司来说,设计网页的过程中经常会遇到样式调整的问题,比如今天就遇到了一个没见过的问题,input标签的在输入数据时自动填充,背景会显示黄颜色的问题,如下图:为自动填充情况:

image.png

那么应该如何解决这个样式的bug呢?下面给大家分享一下:

我们可以用autofill伪类来控制css

input:-webkit-autofill {

  transition: background-color 5000s ease-in-out 0s;

}

对于字体颜色:用text-fill-color用来控制input自动填充的字体颜色。

input { -webkit-text-fill-color: #0c3ce9;  //颜色是设置成你需要的颜色 }

经测试对于Google等较高版本浏览器都有效,赶紧试试吧~


TAG标签: 标签自动填充颜色   

相关资讯

十三年 行业经验

多一份参考,总有益处

联系新一点,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:027-86866258 / 大客户专线:刘经理:15307181953

X做网站的二维码

截屏,微信识别二维码

微信号:xinyidian8

(点击微信号复制,添加好友)

  打开微信

微信号已复制,请打开微信添加咨询详情!