首页 > 代码库 > 谷歌浏览器默认样式的修改
谷歌浏览器默认样式的修改
1.Chrome自动填充的input背景为黄色:
box-shadow 向框添加阴影,默认是在框外面,inset改为向内添加。
box-shadow :H水平偏移量 V垂直偏移量 B模糊尺寸 S阴影尺寸 C阴影颜色 O/I内外影;
看阴影效果,先确定阴影尺寸,再确定偏移距离。
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 100px white inset !important; //不能为transparent的任意颜色,利用内部阴影遮住浏览器默认的黄色背景
box-shadow: 0 0 0px 100px white inset !important;
}
2.input获得焦点时的蓝色边框
利用元素的轮廓属性(不占长宽空间),outline: none;即可。
谷歌浏览器默认样式的修改
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。