4

ユーザーがデータを入力しているときに、テキスト ボックスの周囲の選択範囲の色を変更しようとしています。現在、ユーザーが自分のマシンでそれを選択すると、青色になります。これは赤くしたい。フォーカスされたテキスト ボックスの選択範囲の色を変更することはできますか? css で -moz-selection と selection を使用しようとしましたが、うまくいきません。

#myTextBox {
    border: 3px solid gray;/*background img not available, added border to see textbox*/
    background: transparent url(IMAGEHERE.png);
    width: 368px;
    height: 33px;
    color: silver;
    font-size: 22px;
    padding-left: 10px;
}

::-moz-selection {
    background-color: #dd2020;
    color: #fff;        
}

::selection {
    background-color: #dd2020;
    color: #fff;        
}

jsフィドル

ここに画像の説明を入力

4

1 に答える 1

9

このコードを試してください：

#myTextBox {
    border: 3px solid gray;
    width: 368px;
    height: 33px;
    color: silver;
    font-size: 22px;
    padding-left: 10px;
    border:2px solid red;
    border-radius:7px;
    font-size:20px;
    padding:5px; 

}

#myTextBox:focus{
    outline:none;
    border-color:blue;
    box-shadow:0 0 10px blue;
}

デモ

ピントが合うと赤から青に変わります。

于 2012-11-27T22:13:15.793 に答える