html - 自定义选择成一个简单的图标

Question

我有一个简单的选择语句:

<select class="select ui-icon ui-icon-chevron-down" style="width: 10px;height: 19px;" type="position_last">
        <option value="" style="display: none"></option>
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="50">50</option>
        <option value="100">100</option>
      </select>

我不希望它显示为普通选择，我希望它显示为一个简单的图标。 我对 CSS 不是很擅长，所以我不知道是否可以这样做。

Answer 1

如何使用额外的库

http://silviomoreto.github.io/bootstrap-select/

您只需要包含库并将此代码添加到您的 javascript

$(".select").selectpicker();