0

あげたい

-webkit-box-shadow:inset 0 0 5px black;

プロパティをテキスト ボックスにフォーカスすると、テキスト ボックスに移動します。

たとえば、ここでは background-color が変更されていますが、代わりに box-shadow が必要です。

<script>
function myFunction(x)
{
x.style.background="yellow";
}
</script>

そしてHTML

<input type="text" onfocus="myFunction(this)">
4

3 に答える 3

3

CSS で :focus を使用しないのはなぜですか?

http://jsfiddle.net/VjLKV/

input {
    border: 1px solid black;
}

input:focus {
    outline: none;
    border: 1px solid black;
    -webkit-box-shadow:inset 0 0 5px black;
}
于 2013-03-13T18:35:25.403 に答える
0

css クラスを定義すると、必要に応じて簡単に切り替えることができます。

<script>
function myFunction(x)
{
x.style.className="yourcssclass";
}
</script>
于 2013-03-13T18:36:37.210 に答える
0

これには JS を使用する代わりに、CSS 疑似クラスを使用します:focus

input[type="text"]:focus
{
    -webkit-box-shadow:inset 0 0 5px black;
    box-shadow:inset 0 0 5px black;
}

そうすれば、ユーザーがタブでテキストボックスに移動したり、クリックしたりしたときに、テキストボックスに影が表示されます。スタイルは、ユーザーが離れると適切に消えます。

box-shadow スタイルの接頭辞なしバージョンも使用することを忘れないでください。

于 2013-03-13T18:37:09.867 に答える