-2

フィールドに焦点を合わせたときに境界線の色を設定し、焦点が合っていないときにデフォルトで通常のデフォルトの境界線に戻そうとしています。

<p>
            <label for="username">
                <span>Enter Email</span>
                <input type="text" id="Text4" name="username" 
                    onfocus="this.style.borderColor='#00B4FF'" onblur="this.style.borderColor='#D9D9D9'"
                    class="semi-medium-text" /></label><span id="Span4"></span></p>

そしてもう1つは

<p>
            <label for="list">
                <span>My dropdwnn</span>
                <select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                    onblur="this.style.borderColor='#D9D9D9">
                    <option value="">Select  Type</option>
                    <option value="1">A</option>
                    <option value="3">B</option>

                </select>
        </p>

使用しているCSSクラスは

.semi-medium-text, #region-selector-div input {
border: 2px solid #D9D9D9;
border-radius: 5px 5px 5px 5px;
height: 25px;
padding: 5px;
vertical-align: middle;
width: 350px;
}

ドロップダウンリストに使用しているクラスは

.semi-selction {
border: 2px solid #D9D9D9;
border-radius: 5px 5px 5px 5px;
height: 37px;
padding: 5px;
vertical-align: middle;
width: 362px;
}

これにより、フォーカス/ブラーにあるときに境界線の色が正しく配置されますが、フォーカス/ブラーがなくなった場合、境界線の色のレミアンは同じです..それは問題です..提案を事前に感謝します

4

1 に答える 1

1

コードの2番目のブロックでいくつかの引用符を見逃しましたが、これが問題のようです。

<select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                onblur="this.style.borderColor='#D9D9D9">

する必要があります：

<select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                onblur="this.style.borderColor='#D9D9D9'">

私はそれをテストしました、そしてそれは御馳走を働かせます。

outline:none;選択ボックスにスタイルを追加することもお勧めしますか？ChromeとFirefoxは、デフォルトでsの周りに醜いボックスを配置していると思い<select>ますが、それはあなたの目的への影響を台無しにするでしょう。

于 2012-11-27T13:35:15.240 に答える