2015年8月26日 星期三

[CSS] 改變網頁反白顏色

webber0928
還記得小時候的實驗課, 紙用火烤一烤文字就會顯現

其實網頁也可以有類似的效果喔!

就是用 偽元素 ::selection 的效果,其CSS樣式如下:



p {
  color: #fff;
}
p::selection {
  background: #555;
  color: red;
}
::selection 可以改變整個網頁的反白顏色,如果在 ::selection加上標籤名稱,就代表只會生效在該標籤內,如p::selection,代表只套用在<p></p>中。

Firefox瀏覽器對於::selection是不支持的,所以要用「::-moz-selection」
但我覺得還是用 compass 比較好, 多個願望一次滿足!!!

By webber0928

一個小菜鳥工程師,對籃球還有夢想的男孩。

0 意見:

張貼留言

Coprights @ 2016, Blogger Templates Designed By Templateism | Distributed By Gooyaabi Templates