您现在的位置是：网站首页> 编程资料编程资料

解决chrome浏览器中input背景透明问题chrome、firefox、IE中input输入光标位置错位解决方案chrome表单自动填充导致input文本框背景变成偏黄色问题解决

2021-09-05 779人已围观

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

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

上一篇：CSS3+js实现简单的时钟特效js+css3实现扁平化APP图标时钟动画效果源码一款很酷的CSS3翻页时钟动画特效源码jquery+CSS3实现的数字时钟效果源码基于jQuery/CSS3实现的线性时钟插件源码CSS3实现的圆盘时钟效果动画源码jQuery+CSS3实现的一款超酷数字时钟翻页动画CSS3制作360度旋转时钟表不用任何图片基于HTML5+CSS3实现简单的时钟效果

下一篇：用CSS3写的模仿iPhone中的返回按钮CSS3模拟iPhone4界面 滑动解锁代码下载纯CSS3制作iphone 6手机模型特效源码纯CSS3实现的iPhone样式的3D菜单特效源码 纯CSS3实现3D效果iPhone6手机外观动画特效源码CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式CSS3模仿苹果iphone的搜索框聚焦变长效果css3 iphone玻璃透明气泡完美实现css3实现一款模仿iphone样式的注册表单CSS3实现iPhone滑动解锁功能代码

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网