html - 为选项标签内的内容提​​供不同的样式

Question

我需要对齐标签内的两个不同内容。意味着在左侧对齐一个文本，在右侧对齐另一个文本，并且需要为两个文本提供两种不同的样式(字体、颜色等)是否可能？

Answer 1

不，您不能在option 标记中包含其他HTML 标记。所以用 HTML 是不可能的。

<select>
    <option><span id="left">left</span><span id="right">right</span>
    </option>
</select>

这将呈现为

<select>
    <option>leftright</option> //hence can't be done
</select>

但是在 JS 的帮助下，您可以创建 select，例如 div、span 等。您可以在此处设置样式。