css - 样式选择选项以显示所有并显示为链接？

Question

我之前尝试将样式下拉列表转换为标准的无序列表，我能够这样做，但我需要下拉列表中的任何选项来保留它们的值并在单击或选择时链接到这些值。

所以，我想知道是否有可能设置选择下拉菜单的样式而不是转换它，以便它默认显示其中的所有选项，并且它们看起来就像是标准的 href 链接？

Answer 1

Selects 的样式很糟糕，尤其是当您使用较旧的浏览器时。你不能只用 CSS 做任何事情，最多你可以做 this kind of stuff

但是，你可以模仿你想要的行为......如果你愿意使用 Javascript，例如你可以做这样的事情

<style>
.fake-link {
    color:#0044ff;
    text-decoration: underline;
    cursor:pointer;
}
</style>

<select onchange="location = this.options[this.selectedIndex].value;">
    <option value="#">Select a Link</option>
    <option class="fake-link" value="http://stackoverflow.com/">A fake link</option>
    <option class="fake-link" value="http://google.com">Another, another fake link</option>
</select>

令人恼火的是，你必须深入研究 Javascript 才能做一些听起来很简单的事情，但据我所知，你不能以任何其他方式做到这一点