IE与搜狗input 默认样式

在IE10 及以上input框会加上默认的X号，密码框会加上小眼睛去掉的方法：

::-ms-clear,::-ms-reveal{
    display:none;
}

在搜狗浏览器下会给密码框加上小键盘图标，去掉的方法（只兼容急速模式）：

input::-webkit-input-safebox-button {
    display: none;
}

至于为什么不兼容ie 因为ie没有shadow DOM。

什么是shadow DOM?

见： ChokCoco 的《神秘的 shadow-dom 浅析》

时间： 2024-12-25 19:19:44

IE与搜狗input 默认样式的相关文章

修改input默认样式

不说话,直接上代码不需要图片,css解决 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /&g

safari input默认样式

在i标签下嵌套一个input标签设置了 -webkit-apprarence:none: 设置了宽高,和padding:3px 结果placeholder显示不全经排查这时候的input默认有圆角最后通过行高解决这个问题.

chrome的input默认样式黄色背景以及选中加粗的边框处理

问题描述: chrome输入用户名和密码,然后浏览器自己有记忆功能,等再次登录的时候,他会显示chrome默认的黄色背景色,还有选中时周围会有很粗的边框解决方案: 去掉黄色背景,给input添加autocomplete=‘off’ 去掉粗边框,给input添加outline:none;

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;list-style-type: none;}

使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式

使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 为 0 也无法去除这个圆角,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式. 我们只要对按钮设置这个属性,并设置为 ‘none’ 就可以取消浏览器对于控件的默认样式. input {-webkit-appearance:none; /*去除input默认样式*/} 另外这个属性也有个神奇的地方,

使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式

使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角且颜色由上而下渐变的样式,显得超级恶心,而且文本框也会有一定的圆角,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式.此时的解决办法为: input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appe

Sass 默认样式库

Sass 默认初始化样式库 @charset "utf-8"; // 变量存储 // 字体Unicode编码微软雅黑:\5FAE\8F6F\96C5\9ED1 , 宋体:\5B8B\4F53 $pcFont: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', arial; $defaultColor: #333; $mobileFont: 'Helvetica Neue', Helvetica, STHeiTi, Microsoft YaHei, sans-

去掉或者修改 input、select 等表单的【默认样式】

隐藏input等表单的默认样式的背景: textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;} 让div看起来像按钮: div{appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */

取消chrome浏览器下input和textarea的默认样式；html5默认input内容清除“×”按钮去除办法

取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: input::-ms-clear { display: none; }