小編給大家分享一下css實(shí)現(xiàn)鼠標(biāo)選中文字后改變背景色的方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
南縣ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
css中可以使用“::selection”選擇器來實(shí)現(xiàn)鼠標(biāo)選中文字后改變背景色,只需給文字元素E添加“E::selection{background: 背景色值;}”即可。
css實(shí)現(xiàn)鼠標(biāo)選中文字后改變背景色
css鼠標(biāo)選中文字后改變背景色可以使用::selection選擇器。
::selection選擇器匹配元素中被用戶選中或處于高亮狀態(tài)的部分。::selection只可以應(yīng)用于少數(shù)的CSS屬性:color、background、cursor和outline。
代碼示例:
默認(rèn)文本。測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!
鼠標(biāo)選中文字后改變背景色。測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!測試文本!
效果圖:
看完了這篇文章,相信你對(duì)“css實(shí)現(xiàn)鼠標(biāo)選中文字后改變背景色的方法”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!