html中的样式选择框选项

时间:2014-08-11 06:54:23

标签: javascript html css drop-down-menu

我正在尝试在选择框的选项上显示用户名和电子邮件:

<option>Adda adda@example.com</option>

现在我面临的问题是,在查看选项时,有些名称会更大,看起来很奇怪。

所以我尝试将带有样式属性的<span>放在选项中,但它不起作用。

任何人都可以告诉我如何放置name并且应该在email走到另一边而不会相互接触的情况下放在一边。

3 个答案:

答案 0 :(得分:1)

option样式的方式取决于浏览器,您将无法使用css获得一致的结果。如果您想要更多地控制样式,可以使用select2之类的替代方法。请注意,这可能会影响移动浏览器的可用性。

答案 1 :(得分:0)

你不能在选择选项中使用html标签,你需要使用像select2

这样的东西

答案 2 :(得分:0)

我想你想要或

所以你的例子的固定版本可能是......

 <select>
 <option>&nbsp;&nbsp;Sample</option>
 </select>

 <select>
 <option>&#160;&#160;Sample</option>
 </select>