项⽬中常⽤的CSS样式CSS 样式
多⾏显⽰点点点
text-overflow:-o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient: vertical;
placeholder 换⾏(``)
placeholder={` textarea \n 最多输⼊500字 `}
input 背景透明
input{
color: #fff;
background: transparent!important;//透明
}
⽂本框点击可编辑状态
html横向滚动条样式<div id="textarea" contenteditable="true"></div>
滚动条样式
::-webkit-scrollbar {
width: 10px !important; /*滚动条宽度*/
height: 10px !important; /*滚动条⾼度*/
}
/*定义滚动条轨道内阴影+圆⾓*/
::-webkit-scrollbar-track {
border-radius: 5px !important; /*滚动条的背景区域的圆⾓*/
background-color: transparent !important; /*滚动条的背景颜⾊*/
}
::-webkit-scrollbar-corner {
background-color: transparent !important;
}
/*定义滑块内阴影+圆⾓*/
::-webkit-scrollbar-thumb {
border-radius: 5px !important; /*滚动条的圆⾓*/
background-color: #25305E; /*滚动条的背景颜⾊*/
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。