HTML CSS 滑鼠滑鼠選中的更改顏色
阿新 • • 發佈:2018-12-31
::-moz-selection{background:#93C;color: #fff;}
::selection {background:#93C; color:#fff;}
---------------------------------------------------------------------------
說明:
1、-moz-屬性字首是個火狐瀏覽器用的,而基本的::selection選擇器是給谷歌瀏覽器用的。
2、background後面可以直接使用顏色值。如:::selection { background:#ffff00; }
另外:
跟其它CSS選擇器的用法一樣,也可以巢狀使用,在不同的地方顯示不同的顏色。
如下:
/* webkit, opera, IE9 */
div.highlightBlue::selection { background:lightblue; }
/* mozilla firefox */
div.highlightBlue::-moz-selection { background:lightblue; }</p> <p>/* webkit, opera, IE9 */
div.highlightPink::selection { background:pink; }
/* mozilla firefox */
div.highlightPink::-moz-selection { background:pink; }