选择选项值中是否可以有多行

Question

选择选项值中是否可以包含多行

在多行选项中，我想以粗体显示第一行，以常规字体显示其余行。

---

---

有没有使用HTML / CSS和Java脚本的方法，或者 我们在React中有没有可以实现以上

的库？

Answer 1

当前HTML版本当前支持select标签是不可能的。这里唯一可能的解决方案是使用定制解决方案，香草CSS或javascript选项均可用，并且您有很多技术可供选择。

每当我发现需要创建自定义解决方案时，都希望在本文中寻求启发： https://tympanus.net/Development/SelectInspiration/index.html

一旦您决定使用定制的解决方案，那么至少要实现基本的Screen Reader支持始终是一个好习惯。 一个不错的起点：https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Best_practices

根据我在业务项目中的经验，我通常更喜欢使用JS驱动的解决方案，尤其是在前端发生很大变化的情况下。我最喜欢的地方是https://select2.org/，它既易于定制，又足够强大，甚至可以满足最具挑战性的要求，而且您也不会忘记真正好的文档。

正如我所看到的，您在问题中包括了reactjs标记，因此，如果您打算创建一个React解决方案，我可以使用： http://jedwatson.github.io/react-select/

在功能上与Select2非常相似