0

HTMLとJavaScript（またはjQuery）を使用して、元のコンポーネントのデフォルトの入力色と調和させたいと考えています。そのため、標準のテキスト選択色を取得する方法を検討しています。

CSS では、公式ではありませんが、最新のブラウザーでテキストのハイライトの色を変更できます。

input::selection {
    background-color:red;
    color:blue;
}

このようになぞると効果的だと思います。

var hilightColor = $('input::selection').css('background-color');

これは実現可能ですか？

4

2 に答える 2

0

何が欲しいのかわからない。

text1) ページ内のとを調和させたい場合はinput、テキストと入力の両方で背景とテキストの色を同じに設定できます。

デモを参照http://jsfiddle.net/yeyene/WLf9x/

html, body, input[type=text]{
    font-size:14px;
    line-height:16px;
    background:#fff;
    color:#555;    
}
input[type=text]{
    border:none;
    height:16px;
    width:85px;    
}

2）入力とテキストの両方で選択色を同じにしたい場合。::selectionの背景とテキストのスタイルを本文のスタイルと同じに設定できます。

于 2013-07-03T02:51:51.837 に答える
0

そこにあるコードは問題ないと思いますが、クロスブラウザの互換性のために、CSS コードに moz ライブラリも含める必要があります。 Chrome と Safari でサポートされています。

input::selection {
    background-color: red;
    color: blue;
}

input::-moz-selection {
    background-color: red;
    color: blue;
}
于 2013-07-02T12:16:35.097 に答える