CSS 参考手帳

CSS @規則(RULES)

CSS 属性全書

CSS関数（Functions）CSS選択子全書

CSS3 ::selection 選択子

::selection CSS仮要素は、ユーザーがハイライトした部分（例えば、マウスや他の選択デバイスで選択された部分）に適用されます。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

選択されたテキストを青色にする：

例

!DOCTYPE　html>
<html>
<head>
<style　type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>このページのテキストを選択してみてください</h1>
<p>これはテキストです.</p>
<div>これは div 要素の中のテキストです.</div>
<a　href="//ja.oldtoolbag.com/"　target="_blank">リンクoldtoolbag.com!</a>
</body>
</html>

テストを見てみる ‹/›

定義と用法

::selection　{
　　background-color:　cyan;
}

::selection 選択子は、ユーザーが選択したかハイライトされた部分と一致する要素をマッチングします。

::selection は少数の CSS 属性にのみ適用できます：color、background、cursor、および outline。

ブラウザの互換性

IEFirefoxOperaChromeSafari

E9+, Opera、Google Chrome、Safari が ::selection 選択子をサポート。

Firefox はそのプライベート属性 ::-moz-selection サポート。

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書