平时自己项目中用到的CSS

outline  当选中input元素的时候会出现状态线，

outline设置成none就没了

　　input{

　　outline:none;

　　}

 

contentditable  设置元素内的文本是否可编辑

　　<p contentditable="true">可编辑</p>

 

user-select  禁止用户选中文本

-webkit-user-select：none;

-moz-user-select：none;

-ms-user-select：none;

user-select：none;

 

清除手机 tab 事件后element后出现的一个高亮

*{

　　-webkit-tab-hightlight-color : rgba(0,0,0,0);

}

 

CSS开启硬件加速

-webkit-transform: translateZ（0）;

 

使用CSS transform或者animation是可能会有页面闪烁的bug

-webkit-backface-visibility: hidden;

 

-webkit-touch-callout 禁止长按链接与图片弹出菜单

-webkit-touch-callout:none;

 

calc(),计算属性值

div{

　　width: calc(100%-100px);

}

 

后续追加，有错误请指正，谢谢