0

<select>htmlのハイライト効果を無効にする必要があります。ドロップダウン リストで項目をプルダウンし、項目の上にマウスを移動すると、青色のカラー ストリップがマウスとともに移動します。この効果を無効にする必要があります。
ここにサンプルコードがあります

<select>
    <option>April</option>
    <option>May</option>
    <option>June</option>
</select>

ここにデモがありますhttp://jsfiddle.net/Jams/5ZC3m/
CSS または Javascript ソリューションは大歓迎です。

4

2 に答える 2

0

デフォルトのスタイルシートを使用してデフォルトのスタイルを適用するブラウザーでは、適切なスタイル プロパティを特定し、それを必要な値に設定することで、デフォルトをオーバーライドできるはずです。ただし、ブラウザによっては、デフォルトのスタイル シートを使用していないか、設定を上書きできない場合があります。

スクリプト駆動の代替手段を使用することは、多くの場合、適切な選択ではありません。ほとんどは、デフォルトのブラウザーの動作に正しく従わず、開発者が良い考えだと思ったことを実行するだけで、一部のユーザーの UI を壊します。たとえば、Safari でキーボード ナビゲーションを使用する場合、スペース バーを使用してオプションを選択します。スクリプト駆動の置換 select 要素は、オプションを選択するためのタブ キーのみを受け入れるようにプログラムされているように見えるため、一部のユーザーは壊れた UI を取得します。

ブラウザのデフォルトを使用しないのはなぜですか? なぜ強調表示を削除する必要があるのですか? ユーザーはブラウザーとその動作に慣れてしまいます。UI をいじることは、ユーザーの生活を困難にする開発者の仕事です。ちなみに、私はそのような強調表示は好きではありませんが (カーソルが触れたものすべてが何かをしなければならないという現代の傾向は嫌いです)、それはあるのでそのままにしておきます。

于 2012-06-29T01:08:22.817 に答える
0

アクティブであるため、ブラウザーによって強調表示されているだけです。これを無効にする唯一の方法は、文字通り選択ボックスを無効にすることだと思います

<select disabled="disabled">

それは明らかにすべての機能を削除します。

于 2012-06-29T00:20:38.337 に答える