样式选择选项以显示全部并显示为链接？答案

【问题标题】：Style select options to display all and appear as links?样式选择选项以显示全部并显示为链接？
【发布时间】：2013-10-01 04:33:56
【问题描述】：

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

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

【问题讨论】：

标签： css select styles hyperlink options

【解决方案1】：

我不确定这是否是您正在寻找的，但希望它以某种方式有所帮助。 http://codepen.io/wallaceerick/pen/ctsCz

http://codepen.io/balduran/pen/CBEth

【讨论】：

谢谢。这不是我真正想要的（下拉菜单必须默认打开），但感谢您抽出时间回复，我很感激。

【解决方案2】：

Select 的样式很糟糕，尤其是如果您关心的是旧版浏览器。你真的不能只用 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 来做一些听起来很简单的事情，但据我所知，你不能这样做

【讨论】：