移动端特殊css样式

一般会用normalize.css或者reset.css重置样式

移动端特殊css样式

• 去除ios 按钮按下的默认高亮效果
  -webkit-tap-highlight-color : none;

• ios 触摸并按住触摸目标时候，禁止或显示系统默认菜单
  -webkit-touch-callout： none;

• 文本不能被选择; 但是input textarea在ios不能被聚焦,属性要设置成text
  user-select: none;
  input{
  user-select: text;
  }

• 去除系统默认appearance的样式,常用于IOS下移除原生样式
  -webkit-appearance: none;

• input placeholder样式
  ::-webkit-input-placeholder {
  color: #ccc;
  }

兼容性

打包的时候使用插件autoprefixer，会自动加上-webkit等前缀。

转载于:https://www.cnblogs.com/lyre/p/6169187.html