css基本定義 selection 元素屬性 套用樣式

支援CSS3 以上

用法：::selection
說明：
選擇到的套用樣式

css定義：
    套用選擇
::selection {
color: blue;  字顏色blue
background: silver; 背景色 silver
}

注意事項：
這個選擇是指，
按住滑鼠右鍵不放，移動滑鼠的選擇效果。

程式：
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 selection 元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
::-moz-selection { /* Code for Firefox */
    color: blue;
    background: silver;
}

::selection {
    color: blue;
    background: silver;
}
</style>
</head>
<body>
<p>css基本定義 selection <br> 套用樣式 1</p>
<div>
<p>css基本定義 selection <br> 套用樣式 2</p>
<p>css基本定義 selection <br> 套用樣式 3</p>
</div>
</body>
</html>

圖1：

 




測試結束~
如果還不了解可參考：w3schools CSS Selector Reference


感謝~

 




 






 















其它文章


arrow
arrow
    文章標籤
    用法 程式 css 測試 selector selection background color
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄