css所有属性(css中不常见属性)(1)

双击文本不选中文本

在css中加: user-select:none;

文字与文字之间间距

在css中加:letter-spacing: 4px; 值越大,间距越大

图片边框

加了图片边框后,图片下面的内容都不能点击了。

在css中加 pointer-events:none; 即可解决

Bootstrap的input点击去除边框

在input的css中加:box-showd:0 !import;

原生的去除input边框:outline:none

滚动条样式

#xxx{ overflow:auto } #xxx::-webkit-scrollbar {/*滚动条整体样式*/ width: 1px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } #xxx::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; } #xxx::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; }

解决点击select中下拉的选项,选项框的背景色会变白情况

input:-webkit-autofill { box-shadow: 0 0 0px 1000px rgba(13, 221, 41, 0.1) inset !important; -webkit-text-fill-color: #fff !important; -webkit-background-clip:text; }

样式穿透

b盒子上面覆盖一个a盒子,鼠标点击的时候照样可以点击b页面的事件或者css样式

pointer-events:none; //样式穿透

table表格内容超长自动换行

//自动换行 td{ table-layout: fixed; word-break: break-all; }

没了,结束了,是不是很简单呐,如有问题,欢迎留言。如果此篇博文对您有帮助,还请动动小手点赞 收藏 ⭐留言 呐~,谢谢 ~ ~

,