今天打開TechCrunch的中文網站,選中文字時選區顏色變成了綠色,跟網站整體的綠色風格非常協調。于是對實現細節感興趣,一探究竟。
實現很簡單,利用CSS3的特性。
::selection{
background-color:#84ca7f;color:#000;
}
::-webkit-selection{
background-color:#84ca7f;color:#000;
}
::-moz-selection{
background-color:#84ca7f;color:#000;
}
同樣可以使用CSS選擇器指定部分元素設置選區顏色,例如.maroon::selection。IE系列,我只有IE9,也支持該特性。
我覺得修改選區默認顏色要謹慎,除非能夠像TechCrunch那樣達到整體風格統一。否則可能令用戶不習慣。
新聞熱點
疑難解答