html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

解决chrome浏览器中input背景透明问题_浏览器兼容教程_CSS_网页制作

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

在使用chrome浏览器设计网页时,想将input背景改成透明,也就是RCwHTML5中文学习网 - HTML5先行者学习网


复制代码
代码如下:
RCwHTML5中文学习网 - HTML5先行者学习网
background-color:transparent;RCwHTML5中文学习网 - HTML5先行者学习网
RCwHTML5中文学习网 - HTML5先行者学习网

可是效果并不如人意RCwHTML5中文学习网 - HTML5先行者学习网

hack方法:RCwHTML5中文学习网 - HTML5先行者学习网


复制代码
代码如下:
RCwHTML5中文学习网 - HTML5先行者学习网
input:-webkit-autofill,RCwHTML5中文学习网 - HTML5先行者学习网
textarea:-webkit-autofill,RCwHTML5中文学习网 - HTML5先行者学习网
select:-webkit-autofill{RCwHTML5中文学习网 - HTML5先行者学习网
-webkit-box-shadow: 0 0 0 1000px transparent inset;RCwHTML5中文学习网 - HTML5先行者学习网
}RCwHTML5中文学习网 - HTML5先行者学习网
RCwHTML5中文学习网 - HTML5先行者学习网

1000px可以尽可能的小~~RCwHTML5中文学习网 - HTML5先行者学习网

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

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助