风格选择选项来显示所有选项并显示为链接？

我之前尝试将样式下拉列表转换为标准无序列表，而我可以这样做，但我需要下拉列表中的任何选项才能保留其值并在单击或选择时链接到这些值。风格选择选项来显示所有选项并显示为链接？

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

2013-09-25 Jerpl

选择是可怕的风格，特别是如果你关心的是旧版本浏览器。你不能只用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做一些事情，听起来很简单的事，但据我所知，你不能做任何其他方式

来源

2013-09-25 14:51:20 MLeFevre

林不知道这是你在找什么，但希望它以某种方式帮助。 http://codepen.io/wallaceerick/pen/ctsCz

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

来源

2013-09-25 14:32:19

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

风格选择选项来显示所有选项并显示为链接？

回答

相关问题