解决chrome浏览器中input背景透明问题

本文给大家分享的是Chrome浏览器中hack解决input:-webkit-autofill自定义样式的方法,就是如何在chrome浏览器中将input的背景设置成透明,方法非常简单,这里推荐给大家。

在使用chrome浏览器设计网页时,想将input背景改成透明,也就是

复制代码代码如下:
background-color:transparent;

可是效果并不如人意

hack方法:

复制代码代码如下:
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
-webkit-box-shadow: 0 0 0 1000px transparent inset;
}

1000px可以尽可能的小~~

以上就是本文的全部内容了,希望大家能够喜欢。

版权声明:
作者:路小白
链接:https://www.yxey.cn/jianzhan/daima/410497.html
来源:营销二院路小白个人品牌自媒体平台博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>