[CSS]如何變更網頁反白後的樣式?(::selection)

相信很多人在看網頁的時候都會一邊看一邊用滑鼠選取文字,

有時候要選取內容也會拖曳選取文字,

但是總覺得原來的選取樣式是否過於單調呢?

來,讓我們一起把他美化吧,各種樣式自行搭配!

支援瀏覽器:
Chrome、Safari、Firefox、Opera、IE 9+

 

CSS 屬性:::selection

(Firefox 支援 ::-moz-selection

 

CSS

::selection {
	background: #000; /* 背景 */
	color: #FFF; /* 文字顏色 */
}

或是可以針對元素

#mydiv::selection {
	background: #efff94;
	color: #ff0a2b;
}

更多種設計,請觀看 Demo 。
 

想隨時追蹤最新資訊?歡迎使用 RSS 訂閱最新文章 »

您或許會感興趣的文章

隨機推薦

共有 0 則迴響

暫時沒有迴響,歡迎您率先發表!

發表迴響

*