在網(wǎng)頁設計中,文本樣式的設置是非常重要的一環(huán),而文字選中的效果也是網(wǎng)頁的一項重要功用。在css中,通過設置::selection偽元素,可以改變文字選中時的顏色,下面來看一下如何實現(xiàn)。
::selection { background-color: #e6e6e6; color: #333; }
上述代碼設置選中文字的背景色為#e6e6e6,字體顏色為#333,當然也可以根據(jù)需求自行調整。
需要注意的是,::selection只能用于設置文本內容選中后的顏色,無法對input或textarea的選中文字進行設置。
同時,為了保證瀏覽器兼容性,建議同時添加moz和webkit的前綴:
::-moz-selection { background-color: #e6e6e6; color: #333; } ::selection { background-color: #e6e6e6; color: #333; } ::-webkit-selection { background-color: #e6e6e6; color: #333; }
通過這樣的設置,可以為網(wǎng)頁添加更加美觀的文字選中效果,提升用戶體驗。