css 苹果手机按钮默认样式如何去掉

html-css035

css 苹果手机按钮默认样式如何去掉,第1张

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 (不要写在class里哦)

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}

textarea {  -webkit-appearance: none}

如果还有圆角的问题,

.button{ border-radius: 0 }

1、去除Chrome等浏览器文本框默认发光边框

input:focus, textarea:focus {outline: none}

去掉高光样式:

input:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0)

-webkit-user-modify:read-write-plaintext-only}

当然这样以来,当文本框载入焦点时,所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了,这样的话,当文本框载入焦点时,边框颜色就会变为橙色,给用户一个反馈。

2、去除IE10+浏览器文本框后面的小叉叉,只需下面一句就ok了

input::-ms-clear {display: none}

Bug调试

1:doctype没声明,带来的IE浏览器盒模型解析bug

解决: 进行xhtml 正确声明,如strict声明

2:浏览器的初始值不同带来的.

解决:进行css初始化.

3:自身代码不规范带来的bug,

解决:面壁

4:浏览器的bug带来的.

4.1 IE6, 有双倍margin bug

是指:浮动方向上的margin值会加倍.

例如: 某元素 float:leftmargin-left的值是10px, 那么页面上会解析为20px

同时 ,float:right, margin-right也会加倍

解决方案: 设置漂浮元素的_display:inline

4.2: 3像素bug,

解决:规范float的用法

4.3: IE关于a标签的4个伪类的兼容bug

答:对于IE, 如果a:link方式声明了标签的样式

可能会引来 visited伪类的解析异常

解决: 去掉a:link,以 a 来代替

因为的css路径书写错,或者是在浏览器中禁止掉了css的加载。根据查询苹果官网得知,因为的css路径书写错,或者是在浏览器中禁止掉了css的加载,所以14css块不显示,可以重新启动浏览器刷新,在文件中css的调用,一般都是通过link加上你的路径来实现。