0

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

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

4

2 回答 2

1

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

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

于 2013-09-25T14:32:19.760 回答
0

选择的样式很糟糕，特别是如果您关心旧版浏览器。你真的不能只用 CSS 做任何事情，最多你可以做这种事情

但是，你可以模仿你想要的行为......如果你愿意使用 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 来做一些听起来很简单的事情，但据我所知，您无法以任何其他方式做到这一点

于 2013-09-25T14:51:20.560 回答