css文字超出部分...显示，文字不能被选中，修改滚动条样式， border 设置渐变色虚线可调节虚线间距， input 修改placeholder 里面字体颜色大小，文字阴影

最近做项目要求文字超出部分…显示；所以就总结了一下；非常好用！！！
话不多说上代码：

 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;/*我设置的是文字超过1行显示...；行数可以随便改；*/
 overflow:hidden;

附上一张我们项目的图片！

css文字不能被选中

-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;

附上一张我们项目图片！

修改滚动条样式

.select::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.select::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #cfcbcb;
}
.select::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
    background: #EDEDED;
}

附上一张我们项目图片！

border 设置虚线可调节虚线间距

    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgb(101, 44, 194) 0%, rgb(216, 19, 19) 50%, transparent 50%);
    background-size: 80px 1px;
    background-repeat: repeat-x;

上图！

input 修改placeholder 里面字体颜色大小;textarea同样适用

input::-webkit-input-placeholder{
    color: #cccccc;
    font-size:14px;
}

文字阴影

text-shadow：0.025rem 0.025rem rgba(179,94,85,0.3);

第一个是左右偏移量；第二个是上下偏移量；