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

2022-01-13,,,,

本文给大家分享的是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可以尽可能的小~~

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

以上就是解决chrome浏览器中input背景透明问题的详细内容,更多请关注本站其它相关文章!

《解决chrome浏览器中input背景透明问题.doc》

下载本文的Word格式文档,以方便收藏与打印。