CSS-更改下拉列表/菜單，使它們在所有瀏覽器中都相同

Question

我的網站上有一些下拉列表，目前，它們會根據所顯示的瀏覽器/操作系統來更改其顯示。

我想知道如何更改其顯示，以便在所有瀏覽器上看起來都一樣（最好是在Mac上如何顯示）

任何幫助將非常感激！！

這是我當前的代碼

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

Answer 1

好了，您可以為此使用一些javascript和CSS。

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

設置相對於.select位置，並通過將其設置為絕對位置並使用top:0;left:0;bottom:0;right:0;使實際的<select>填充整個空間top:0;left:0;bottom:0;right:0; 。 在<select>上將不透明度設置為0，單擊后de選項仍然可見。 使用javascript從<select>獲取當前值，並使用該值更新內部范圍（還監聽更改事件）。

瞧，您現在可以.select樣式。