国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS改變網頁中鼠標選中文字背景顏色例子

2024-07-11 08:31:06
字體：大 中 小
來源：轉載
供稿：網友

一個不是那么眾所周知的技術就是我們可以在瀏覽器里美化被選擇的文字的樣式。Windows自身提供的是一種很難看的墨綠色的顏色，而蘋果電腦上提供的是淺綠色。火狐瀏覽器，IE9，Opera和谷歌瀏覽器允許我們自定義被選擇文字的顏色。讓我來展示給你看：


CSS代碼

復制代碼
代碼如下:
/* webkit, opera, IE9 */
::selection { background:lightblue; }
/* mozilla firefox */
::-moz-selection { background:lightblue; }

-moz-屬性前綴是個火狐瀏覽器用的，而基本的::selection選擇器是給谷歌瀏覽器用的。跟其它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; }

用CSS美化被選擇的文字只是一種很簡單的技巧，但這些都能讓你的網站頁面更絢麗、更多彩！

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 阿拉善右旗| 博乐市| 浑源县| 大石桥市| 闸北区| 绵阳市| 揭西县| 尚志市| 汤原县| 星子县| 土默特右旗| 日喀则市| 多伦县| 青岛市| 马关县| 新民市| 凭祥市| 绵阳市| 太康县| 阜南县| 云林县| 景泰县| 渑池县| 江陵县| 东宁县| 连城县| 南昌市| 江口县| 霍邱县| 军事| 榆树市| 吉林市| 那曲县| 德清县| 三河市| 浦东新区| 中江县| 报价| 曲阳县| 通州市| 双江|