0

私のウェブサイトにはいくつかのドロップダウンリストがあります。現在、表示されているブラウザ/OSに応じて表示が変わります。

すべてのブラウザーで同じに見えるように表示を変更する方法を知りたいです (できれば、Mac を使用してどのように表示されるか)。

どんな助けでも大歓迎です!!

これは私の現在のコードです

<select name="university" id="university" >
          <option value="Aston">Aston University</option>
        </select>
4

1 に答える 1

1

わかりました、これには少しの JavaScript と CSS を使用できます。

<span class="select"><span>Aston University</span><select><option value="Aston">Aston University</option></select></span>

で相対位置を設定し、絶対位置に設定して を使用し.selectて、実際<select>にスペース全体を埋めますtop:0;left:0;bottom:0;right:0;。の不透明度を 0 に設定<select>すると、クリックしてもオプションが表示されます。javascript を使用して から現在の値を取得し、<select>その値で内部スパンを更新します (変更イベントもリッスンします)。

ほら、好きなようにスタイリングできる.selectようになりました。

于 2012-10-27T11:50:43.437 に答える