作者 |?Desiré譯者 |?蘇本如，責(zé)編 | 郭芮頭圖 | CSDN 下載自視覺中國出品 | CSDN(ID：CSDNnews)

以下為譯文：

各位網(wǎng)友，大家好！?今天，我想在這里和大家分享一些我很晚時(shí)候才知道的一些CSS屬性，在此之前，沒有人告訴我這些屬性的存在。也許你們和我不一樣，已經(jīng)了解了這些屬性。閑話少說，讓我們進(jìn)入正題吧：?

禁用用戶選中一個(gè)元素(element)的文本使用屬性user-select，并且將它的值設(shè)置為none，我們可以將一個(gè)元素的文本設(shè)置為不能被用戶選中。element { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ and Edge */ user-select: none; /* Standard syntax */}當(dāng)你不想一個(gè)元素的原始內(nèi)容被復(fù)制時(shí)，可以使用這個(gè)屬性。

更改選中文本的背景顏色使用選擇器::selection，可以更改選中文本的背景顏色：::selection { color: #ececec; background: #222831;}當(dāng)你使用這個(gè)屬性時(shí)，注意使用良好的顏色對比度組合。

在不使用br的情況下將文本換行使用屬性white-space，并將它的值設(shè)置為pre-wrap或pre-line：element { white-space: pre-wrap; /*pre-wrap*/ white-space: pre-line; /*pre-line*/}

設(shè)置字與字之間的間距這對你來說可能有點(diǎn)簡單。但是直到我搜索這個(gè)需求時(shí)，我才知道有這個(gè)設(shè)置。你可以使用word-spacing這個(gè)屬性來設(shè)置文本中詞與詞之間的間隔。element { word-spacing: 6px; /* word spacing wow such */}

在瀏覽器中隱藏難看的滾動(dòng)條我以前甚至不知道這是可以做到的。要實(shí)現(xiàn)這個(gè)目的，你必須為不同的瀏覽器，準(zhǔn)備不同的代碼：/* Hide scrollbar for Chrome, Safari, and Opera */html::-webkit-scrollbar { display: none;}/* Hide scrollbar for IE and Edge */html { -ms-overflow-style: none;}如果你禁用了滾動(dòng)條，那么你需要確保提供上/下按鈕和其他方便的導(dǎo)航選項(xiàng)。請注意，Firefox停止了對滾動(dòng)條隱藏問題的支持，以上代碼似乎是一個(gè)技巧，可以執(zhí)行與我包含的其他代碼相同的功能。原文：https://dev.to/helleworld_/5-css-useful-properties-i-ignored-2930本文為 CSDN 翻譯，轉(zhuǎn)載請注明來源出處。

更多精彩推薦

?我們想研發(fā)一個(gè)機(jī)器學(xué)習(xí)框架，6 個(gè)月后失敗了

?生產(chǎn)型機(jī)器學(xué)習(xí)已經(jīng)沒那么困難了？

?視頻 | 你不知道的"開源"60年秘史

?GitHub標(biāo)星10,000+，Apache項(xiàng)目ShardingSphere的開源之路

?阿里技術(shù)專家告訴你，如何畫出優(yōu)秀的架構(gòu)圖？

?加拿大API平臺如何做到30%為中國明星項(xiàng)目？創(chuàng)業(yè)老兵這樣說……

你點(diǎn)的每個(gè)“在看”，我都認(rèn)真當(dāng)成了喜歡

總結(jié)

以上是生活随笔為你收集整理的css修改select选择框option被选中的背景颜色_这五个有用的 CSS 属性完全被我忽视了...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。