有什么办法可以让选择看起来很普通吗?就像一个下拉菜单,你知道……</p>
<select multiple="multiple"></select>
看起来像
<select></select>
有什么办法可以让选择看起来很普通吗?就像一个下拉菜单,你知道……</p>
<select multiple="multiple"></select>
看起来像
<select></select>
嗯,不。如果有,用户将如何使用它来选择多个项目?
多重选择起作用的唯一方法是因为所有项目同时显示,并且它们可以在按住修改键的同时单击并拖动或单击。
如果它看起来像一个下拉框,您将如何导航到第二个项目而不取消选择第一个?
选择列表的样式,以及 HTML 中的许多不同元素(尤其是input[type='file']
元素,实际上取决于浏览器。如果你想让它在视觉上更具吸引力/不同,你真的需要使用一些 JavaScript并使用“接口”来选择。一些非常好的用于选择列表的 JavaScript 库是jQuery Multiselect、jQuery UI Multiselect和select2,也许你应该看看这些。
然而值得注意的是,只有 select2 支持单/多变体,而且样式看起来仍然不同,但是你怎么能一次看到多个选择呢?您可以设计自己的解决方案,看起来确实相同,但我认为这最容易产生误导。