360SDN.COM

怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框呢

来源:  2018-09-14 15:52:28    评论:0点击:

怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框呢


可以设置表单控件的outline属性为none值,
来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的带颜色边框。

css代码如下:
input{outline:none} 


chrome 浏览器去掉输入框背景透明色 user agent stylesheet

chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

这个黄色背景是谷歌浏览器默认的样式 user agent stylesheet

这个管用,修改成透明背景:

input:-webkit-autofill {

    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;

}

修改成其他颜色的背景:

input:-webkit-autofill,
{
-webkit-box-shadow: 0 0 0 1000px white inset;  
}

解决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输入框的黄色背景如何设置为透明的



在谷歌浏览器中input输入框的背景色为黄色,经过查找找到这个方法可以改变背景色,
input:-webkit-autofill{ box-shadow: 0 0 0px 1000px transparent inset !important;}
但是这个方法对纯色背景有用,可是想要如何变成透明呢,因为大的div有一张背景图片,如果不是透明而是纯色也不好看,求解?

input{background:transparent;}

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权