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();

Answer 2

我刚刚发现了。我只需要使其背景透明

<select class="select_ticket form-control ui-icon icon-list" style="background-color: transparent; border: medium none;">
        <option value="" style="display: none"></option>
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="20">20</option>
      </select>

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

2 个答案: