前端某些样式重置

该文搜集一些前端特殊样式的重置

1. 去掉ios系统中元素被触摸时产生的半透明灰色遮罩

   a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}

    

2. 去掉android系统中元素被点击时产生的边框

   a,button,input,textarea{
   　　-webkit-tap-highlight-color: rgba(0,0,0,0;)
   　　-webkit-user-modify:read-write-plaintext-only; 
   }

    

3. 重置表单元素默认样式

   input{-webkit-appearance:none;}

    

4. webkit调整 placeholder 样式

   input::-webkit-input-placeholder{color:#AAAAAA;}
   input:focus::-webkit-input-placeholder{color:#EEEEEE;}

    

5. 禁用PC端表单输入框默认清除按钮

   input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{
       display: none;
   }

    

6. 移动端禁止长按图片触发系统操作（保存图片等等）

   img{-webkit-touch-callout: none}

    

7. 禁止用户选择文字

   .css{-webkit-user-select:none}