[英]Dual color option in select box
如您在图像上看到的,选择框中有7个选项。 是否可以在一个<option>
或渐变背景中制作2个div。 我需要在一种<option>
获得2种颜色。
<td class="footable-visible" style="width:1px; ">
<div class="container" style="width:130px;">
<div class="row">
<select id="mySelect" class="form-control">
<option style="color:white;background-color:#72D527;"> </option>
<option style="color:white;background-color:#4DB6AC;"> </option>
<option style="color:white;background-color:#CE93D8;"> </option>
<option style="color:white;background-color:#FFAB91;"> </option>
<option style="color:white;background-color:#F9A825;"> </option>
<option style="color:white;background-color:#BCAAA4;"> </option>
<option style="color:white;background-color:#9E9E9E;"> </option>
</select>
</div>
</div>
</td>
编辑:Gradient在Firefox中工作,但在Chrome中不工作
1. Firefox 2. Chrome
这是您的代码:
<td class="footable-visible" style="width:1px; ">
<div class="container" style="width:130px;">
<div class="row">
<select id="mySelect" class="form-control">
<option style="color:white; background: -webkit-linear-gradient(#72D527, #C7EDC6); background: -o-linear-gradient(#72D527, #C7EDC6); background: -moz-linear-gradient(#72D527, #C7EDC6); background: linear-gradient(#72D527, #C7EDC6); "> </option>
<option style="color:white;background-color:#4DB6AC;"> </option>
<option style="color:white;background-color:#CE93D8;"> </option>
<option style="color:white;background-color:#FFAB91;"> </option>
<option style="color:white;background-color:#F9A825;"> </option>
<option style="color:white;background-color:#BCAAA4;"> </option>
<option style="color:white;background-color:#9E9E9E;"> </option>
</select>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.