常用CSS样式

1、单行文本，超出显示...

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

2、多行文本，超出显示...

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;   //显示行数
overflow: hidden;

3、隐藏滚动条

webkit内核浏览器
.box::-webkit-scrollbar {
    display: none;
}

火狐隐藏滚动条
overflow: -moz-scrollbars-none;

4、删除textarea右下角标志

resize: none;

5、苹果手机输入框无法输入

-webkit-user-select: auto;

6、IOS去除input默认样式

-webkit-appearance: none;

7、-webkit-去除密码框自动填充样式

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type=text]:focus,input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

8、去除password框自动填充

autocomplete="new-password"