是否可以使选择下拉菜单打开得更顺畅

Question

我有以下HTML：

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

当我点击页面上的菜单时，它会立即打开。是否可以只使用CSS和JavaScript，使其不立即打开，而是平滑打开？

我已经在StackOverflow和谷歌上搜索了一种方法，但还没有找到合适的答案。

Answer 1

不，不可能修改该行为，因为这是一个本地HTML元素。如果您需要更多的控制，您将需要切换到基于JavaScript的控制器，该控制器可以模拟select元素的行为。

有很多非基于jQuery/jQuery的第三方库可以帮助您做到这一点。

备注

不建议仅仅使用这些库来实现这种行为，因为您将发送更多的JavaScript代码来修复只有您自己注意到的问题。此外，这些插件不一定像本地select元素那样可访问。