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

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和“显示/隐藏”或“幻灯片”动画的某种风格）。 这是另一个类似的SO线程，有很多建议可供选择： 是否可以设置选择框的样式？