常用css属性

1.让文字不可选中

-webkit-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

user-select:none;

2.safari点击区域阴影去除

 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

3.css3新增蒙层

-webkit-mask-image: -webkit-linear-gradient(right,transparent 0%,rgba(0,0,0,.1) 1%,rgba(0,0,0,.8) 5%,#fff 100%);

4.ios手机实现惯性滚动

-webkit-overflow-scrolling : touch;

5.手机实现隐藏滚动条

::-webkit-scrollbar {
    display: none;
}

safari上不生效，可采用以下的方式，给父元素加一下css属性

padding-bottom: 10px;
margin-bottom: -10px;

safari input textarea阴影去除

input,textarea{
  -webkit-appearance: none;
}

改变input,textarea光标颜色

caret-color: red;

显示固定行数，超出...

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;