2011-09-10 19 views
2

可能性の重複:
Change color of selection変更するテキスト選択色

どうthis siteは、テキスト選択ピンクではなく、青の私のブラウザのデフォルトを作るために管理していますか?

enter image description here

+2

@David:[それはタイプミスではありません。](http://www.thefreedictionary.com/colour) –

+3

Torchwoodは第4シーズンを持っていることに気づかせてくれてありがとうございます。それにもかかわらずまともなエンターテインメント。 –

+1

選択の正確な*色*は通常、サイトがhttp://html5boilerplate.com/を使用していることを意味します。 – thirtydot

答えて

2

::selection擬似要素によって定義されているように見える:

::selection { 
background: #FF5E99; 
color: white; 
text-shadow: none; 
} 

はIE9が、前にIEのんではない

  • Firefoxのサポートをサポートしていhttp://www.quirksmode.org/css/selection.html

    • を参照してください。それから::-moz-selection
    • ChromeとSafariは完全にサポートしているようです。
  • 2

    ::selection::-moz-selectionセレクタを使用してセレクションをスタイルします。

    ::selection{background:black; color:white} 
    ::-moz-selection{background:black; color:white} 
    

    mozと標準では2つのルールが必要です。 ドキュメント:自明だ

    ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none} 
    

    希望:あなたが与えたリンクページのCSSファイルのoneでNO ::-webkit-selectionルール

    +2

    2つの(冗長な)ルールで記述する必要があります:: :: selection {...} :: - moz -selection {...} 'を実行します。セレクタ ':: selection、:: - moz-selection'は何らかの理由で動作しません。 –

    +0

    @ ime: "冗長" [不要]は必須ではありませんが、あなたのコメントはそれらがすべて必要であるということです。どちらですか? –

    +1

    @Tomalak私は間違った言葉を使いました。冗長ではありませんが、2つの独立したルールが必要です。たとえば、:: :: selection {background-color:yellow; } :: - moz-selection {背景色:黄色; } '。 ':: selection、:: - moz-selection'セレクタを使うと、Firefoxはルール全体を無視します。 –

    関連する問題