样式选择框下拉菜单，如表格

Question

我在我的代码中使用了一个包含50个选项的选择框，默认情况下，当我点击它时，下拉菜单如下所示：

<select name="Select1" style="width: 56px">
	<option></option>
	<option>1</option>
	<option>2</option>
	<option>3</option>
	<option>4</option>
	<option>5</option>
	</select>

但我希望它看起来像一张桌子：

我尝试了一些CSS和JS但是没有用，有没有办法做到这一点？

Answer 1

只有一个<select>元素，没有。 。 。当涉及跨浏览器支持样式时，HTML选择框是最受限制的。即使是最“灵活”的浏览器也会限制它们让你改变的东西（一些字体样式，一些颜色支持，尺寸和间距是你应该期望的最多获得）。

如果你必须有一个类似于表的结构，你只能使用库或构建一个模仿下拉列表的自定义界面（通常使用样式化的div和一些“show / hide”或“slide”动画）。这是另一个类似的SO线程，有许多建议可供选择：Is it possible to style a select box?