1

フォーム（ボーダーとアウトラインがある）を作成しています。アクティブでないときは見つけたように見えますが、アクティブになると変化します。

非アクティブ: http://gyazo.com/e8a7548efda5ffa161ed241dd1ff2d15

アクティブ: http://gyazo.com/91a8fcabf6ffe1fccb0c5f78085f0353

誰でも問題を知っていますか？

HTML:

<form id="search" action="http://www.example.com/search.php" method="get">
    <input type="text" size="72" class="inputheight" name="search" />
</form>

CSS:

#search {
    position:absolute;
    z-index:5;
    margin-top:63px;
    margin-left:208px;
    }

.inputheight {
    height:31px;
    border:1px solid blue !important;
    outline:2px solid rgb(149,231,255) !important;
    }
4

1 に答える 1

0

outline-offset:0.inputheight スタイルに追加してみてください:

.inputheight {
    height:31px;
    border:1px solid blue !important;
    outline-offset: 0;
    outline:2px solid rgb(149,231,255) !important;
}

これは Chrome のデフォルトのスタイルシートです。入力にフォーカスがある場合、outline-offset を -2px に設定し、2px のアウトラインで境界線を非表示にします。

于 2013-02-11T22:57:30.440 に答える