css - 如果选中选择选项，如何删除空格

Question

我有示例代码:

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

和CSS:

select option:checked {
   padding-left: 0;
   text-align:left;
}

当我选中选项(2 或 3 或 4 或 5)时，我无法删除空格，如何解决？

这是附件:

Answer 1

实际上你在添加每个 <option>两次，您可以关闭 <option>元素 </option>或删除多余的 <option>末尾的元素。

Tag omission

• An option element must have a start tag.
• An option element’s end tag may be omitted if the option element is immediately followed by another option element.

此外，默认情况下忽略 HTML 中的前导或尾随空格:

EXAMPLE HERE

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