有没有办法在选择>选项中定位元素？

【问题标题】：Is there a way to position elements in select > option?有没有办法在选择>选项中定位元素？
【发布时间】：2022-01-05 18:21:06
【问题描述】：

我想定位 2 个 P 元素，这样它们看起来就像它们的父元素（选项）有 justify-content:space-between。

<optgroup label="select">
     <option value="option"><p>p1</p><p>p2</p></option>
</optgroup>

有没有办法在 css 中做到这一点？我还想删除/替换边框。

【问题讨论】：

【解决方案1】：

选项标签不接受子标签，DOM 将您放在<option> 中的任何内容视为文本。请参阅MDN's Option documentation 了解更多信息。

如果他们需要自定义样式的下拉菜单/选择组，大多数人会做的是重新创建 HTML 和 JS 中的行为。这是一篇关于自定义元素与 CSS 技巧中的用户可访问性之间平衡的精彩文章。

【讨论】：