0

あなたの助けが必要です、

多くの Web サイトでは、jQuery フレームワークを使用してセレクトボックスのスタイルを設定する、非常に巧妙な作業を行っています。私たちが知っているように、私は仕事で ie7 を使用して立ち往生しており、選択ボックスの周りに 1px の実線の #ddd 境界線を配置したいと考えています (これは ie7 と互換性がある必要があります)。私は、ie7 がそれ自体で css をサポートしていないことを知っています。

これを実現するために jQuery を使用して選択ボックスのスタイルを設定するにはどうすればよいですか?

<select>
    <option value="">Month</option>
    <option value="january">January</option>
    <option value="february">February</option>
    <option value="march">March</option>
    <option value="april">April</option>
    <option value="may">May</option>
    <option value="june">June</option>
    <option value="july">July</option>
    <option value="august">August</option>
    <option value="september">September</option>
    <option value="october">October</option>
    <option value="november">November</option>
    <option value="december">December</option>
</select>

ドロップダウンの境界線を選択ボックスの境界線と同じ色にスタイルする簡単で軽量な方法もあれば、それも素晴らしいでしょう。

ありがとう。

4

2 に答える 2

1

jQuery-Selectboxプラグインを使用します。通常の<select>要素をスタイルの良い HTML 要素に変換できます。

JS ファイルへのリンク:

<script src="jquery.selectbox.min.js" type="text/javascript"></script>

CSS ファイルを追加します (または独自のスタイルシートにコンテンツを追加します)。

<link href="jquery.selectbox.css" rel="stylesheet" type="text/css" />

初期化するには:

// default
$('select').selectBox();

// or with custom settings
$('select').selectBox({
    mobile: true,
    menuSpeed: 'fast'
});
于 2013-06-25T17:52:34.433 に答える
0

ここから jQuery-UI Selectable プラグインを利用できます。

デフォルトのスタイルを検討している場合は、Link 1と Link 2が、これまで誰もが到達できた距離<select>だと思います。

SOに関するこの質問もご覧になることをお勧めします。

于 2013-06-25T18:18:59.653 に答える