tft每日頭條

 > 生活

 > css所有屬性

css所有屬性

生活 更新时间:2024-08-30 18:16:56

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; }

沒了,結束了,是不是很簡單呐,如有問題,歡迎留言。如果此篇博文對您有幫助,還請動動小手點贊 收藏 ⭐留言 呐~,謝謝 ~ ~

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved