时间戳

首页 > 解决方案 > 如何将html水平线添加到html中选择标签的选项

html - 如何将html水平线添加到html中选择标签的选项

问题描述

我想在 html 选择选项标签中显示一条 html 水平线，如下图所示。 在此处输入图像描述 每个选项标签的线条颜色应该不同。我尝试了以下对我不起作用的代码：

 <html>
    <head>
    </head>
    <body>
    <form name="AddAndEdit">
      <div>
      </div id="div1">
      <div>
       <select name="list" id="personlist">
          <option value="11">Person1<hr width="30" style='color:red'></option>
          <option value="27">Person2<hr width="30" style='color:red'></option>
          <option value="17">Person3<hr width="30" style='color:green'></option>     
       </select>
      </div>
      <input type="button" value="submit""/>
    </form>
    </body>
    </html>

任何解决此问题的建议将不胜感激。提前致谢

标签： htmldrop-down-menu

解决方案

如果可以使用 select2 库。浏览下面的链接并按照下面的模板部分示例进行操作。 http://select2.github.io/select2/

推荐阅读