<select><option>Red<span ></span></option><option>Green<span ></span> </option></select>
试图实现如下输出
任何想法如何做到这一点？
解决方法 您不能在选择选项上使用其他HTML标记或CSS样式.但您可以使用第三个库来呈现下拉列表并将其用作选择.例如bootstrap$(function() { $('#my-select').find('li').click(function() { $('#selected').HTML($(this).HTML()); });}); <head> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/CSS/bootstrap.min.CSS" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/AJAX/libs/jquery/2.1.3/jquery.min.Js" type="text/JavaScript"></script> <script src="https://cdnjs.cloudflare.com/AJAX/libs/twitter-bootstrap/2.3.1/Js/bootstrap.min.Js"></script></head><body><!-- Single button --><div ID='my-select' > <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span ID="selected">colors</span> <span ></span> </button> <ul > <li><a href="#"><span style='wIDth:10px; height:10px; background-color:red;display:inline-block;'></span> Red</a></li> <li><a href="#"><span style='wIDth:10px; height:10px; background-color:blue;display:inline-block;'></span> Blue</a></li> <li><a href="#"><span style='wIDth:10px; height:10px; background-color:green;display:inline-block;'></span> Green</a></li> </ul></div></body>@H_502_2@ 总结
以上是内存溢出为你收集整理的html – 如何跨越颜色块以及options标签中的文本全部内容，希望文章能够帮你解决html – 如何跨越颜色块以及options标签中的文本所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）