滑鼠選中後,背景變色的方法: 如:改變選中後,選中區域的背景顏色為淺藍色。 在css中寫入如下程式碼: /* webkit, opera, IE9 */ ::selection { background:lightblue; } /* mozilla firefox */ ::-moz-selection { background:lightblue; } 說明:
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; }
/* webkit, opera, IE9 */ div.highlightPink::selection { background:pink; } /* mozilla firefox */ div.highlightPink::-moz-selection { background:pink; }
滑鼠選中後,背景變色的方法: 如:改變選中後,選中區域的背景顏色為淺藍色。 在css中寫入如下程式碼: /* webkit, opera, IE9 */ ::selection { background:lightblue; } /* mozilla firefox */ ::-moz-selection { background:lightblue; } 說明:
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; }
/* webkit, opera, IE9 */ div.highlightPink::selection { background:pink; } /* mozilla firefox */ div.highlightPink::-moz-selection { background:pink; }