移动端ios页面怎么去掉它的默认css设置

html-css031

移动端ios页面怎么去掉它的默认css设置,第1张

ios默认一些按钮会有一些他的样式但是可以用这个属性将他还原:

-webkit-appearance:none

我一般用这个:

::-webkit-input-placeholder{color:#999}

input[type="text"],input[type="password"]{-webkit-appearance:noneappearance:noneoutline:none-webkit-tap-highlight-color:rgba(0,0,0,0)border-radius:0}

在移动端webview渲染的时候,html标签会被自动加入一个class属性,会标识不同的设备

如:

所以,可以用来适配一些移动双端的差异场景,如适配不同高度Titlebar

不同样式:

使用样式:

在iOS设备上就会展示80px,Android设备上60px

1、一种是dom结构复杂2、另外一种是加载了过多的css样式,3、前者好解决,后者的话如果用了mui.css就比较麻烦了3、现在是尽量少用mui.css,要用到一些mui的控件时,就把依赖的样式从css中拷贝出来4、建议官方把css拆成 base.css+各种控件.css,后来我发现还真不好拆,前期没设计好,后期越来越臃肿。