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

当前位置 : 首页 > 网页制作 > CSS > 解决chrome浏览器中input背景透明问题

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

来源: 作者: 时间:2015-10-30 09:30
本文给大家分享的是chrome浏览器中hack解决input:-webkit-autofill自定义样式的方法,就是如何在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可以尽可能的小~~

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

Tag:
上一篇:[css3]
下一篇:[浏览器兼容教程]
网友评论

<