1. 程式人生 > >HTML CSS 滑鼠滑鼠選中的更改顏色

HTML CSS 滑鼠滑鼠選中的更改顏色

::-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; }