html - 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并<select>通过将其设置为绝对位置并使用来填充整个空间top:0;left:0;bottom:0;right:0;。将不透明度设置为 0 <select>，de 选项在单击后仍然可见。使用 javascript 从 中获取当前值<select>并使用该值更新内部跨度（也侦听更改事件）。

瞧，您现在可以随心所欲.select地设计自己的风格。