解决chrome浏览器中input背景透明问题
发布时间：2015-03-18 10:02:16 作者：佚名 
我要评论
我要评论本文给大家分享的是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、firefox、IE中input输入光标位置错位解决方案
input输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中，经测试chrome、firefox、IE中表现的情况有所不一，具体的解决方法如下，感2013-07-03chrome表单自动填充导致input文本框背景变成偏黄色问题解决
chrome表单自动填充后，input文本框的背景会变成偏黄色的，想必大家都会碰到这种情况吧，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造2013-08-21
最新评论