在选项中删除和添加缩进选项
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在选项中删除和添加缩进选项相关的知识,希望对你有一定的参考价值。
目前,我正在为元素中的标记设置缩进以创建层次结构。
<select>
<option> Option 1 </option>
<option> Option 2 </option>
<option> Option 3 </option>
<option> Option 4</option>
<select/>
但是,当选择选项2时,与选项1相比,它前面有一个尴尬的空间。当我深入到层次结构中时,这个空间变得更加明显。
我已经有办法在显示选项时删除空格,但我需要能够在再次显示选择下拉列表时将其添加回来。
编辑:我玩过optgroup,但总有一个空白标签有额外空间的问题。
答案
尝试使用&emsp而不是不间断的空间。这样,所选选项将不会显示左侧的空格。但是,这在某些旧版浏览器上不兼容。
另一答案
好的,一种方法是删除onchange select,然后单击on select在你的选项上再次添加,你想添加额外的空间。但这将很难处理。
其他提示使用。
<select>
<option> Option 1 </option>
<option>  Option 2 </option>
<option>  Option 3 </option>
<option> Option 4</option>
<select/>
看看为您创建的codepen:https://codepen.io/anon/pen/wZXoBK
享受欢呼
以上是关于在选项中删除和添加缩进选项的主要内容,如果未能解决你的问题,请参考以下文章