样式化HTML select / option元素

时间:2016-08-18 15:14:54

标签: javascript html css angularjs

我有一个如下所示的选择框:

enter image description here

生成它的HTML代码:

<select data-ng-attr-size="{{items.length}}" class="itemsList">
    <option class="item-edit" ng-repeat="item in items" ng-click="itemSelected(item)">Item Title: {{item.ItemTitle}}, Color: {{item.ItemColor}}</option>
</select>

我想要做的就是让所有的&#34;颜色:颜色&#34;文本在列中排成一行。我怎么能用html或css来做这个呢?

1 个答案:

答案 0 :(得分:0)

也许你可以使用等宽字体,只计算你需要在项目标题和颜色之间插入多少空格。