只要在样式里面加一句去掉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}
Lucida Grande理由如下:
其字体样式为
font: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
所以它使用的首选字体是Lucida Grande,在你电脑上没安装改字体的情况下,使用Lucida Sans Unicode,如果这个也没有安装,继续类推~~~
所以不出意外,你电脑上显示的是Lucida Grande。
不放心的话,你依次百度下这些字体的样式看看哪个是苹果显示的便可确定
源代码CSS只是加载时所需的样式,别看代码的z-index是1000,实际很有可能通过JS交互行为对DOM的样式进行了改变,这在源代码CSS里是看不到的,你需要查看分析页面的JS。通俗的说,你看到的CSS不一定就是页面交互效果所使用的CSS,可能是用JS把CSS改动了