如何在html

时间:2018-05-25 05:15:54

标签: html drop-down-menu

我想在html select选项标签中显示html水平线,如下图所示。 enter image description here 每个选项标签的颜色应该不同。 我尝试使用以下代码,但对我来说并不适用:

 <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>

任何解决此问题的建议都将受到赞赏。 提前致谢

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

默认选择下拉列表不会为您提供任何帮助,但您可以为此目的使用twitter bootstrap dopdown

在这里查看这个w3link https://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

建议

&#13;
&#13;
#jqueryLogo {
    height: 60px;
    display: block;
}
&#13;
&#13;
&#13;