平时自己项目中用到的CSS

时间:2021-11-18 07:36:16

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);

}

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