angularjs selectBoxIt 自定义主题

Question

我在我的项目中使用 selectBoxIt 组件。我想改变风格，像这样：

然后我使用下一个代码来实现这个组件：

 <select id="appVersions">
            <option ng-repeat="app in appVersions" value="{{app.version}}">APP vr.{{app.version}}</option>
          </select>



  var apps = $('#appVersions').selectBoxIt({
                        theme: 'jqueryui',
                        autoWidth: true
                    });

                    $timeout(function () {
                        apps.data('selectBox-selectBoxIt').refresh();
                    });

但是改成默认风格后，怎么改风格？非常感谢。

Answer 1

将 id 添加到标签 select

#appVersions .selectboxit-container {
    margin-top: 10px;
    margin-left: 70px;
    background-color: $main-background;
  }

  #appVersions .selectboxit-container span #SelectBoxItText {
    color: #FFB201;
    font-weight: bold;
  }

  #appVersions ul li a {
    color: #FFB201;
  }

  #appVersions ul li a:hover {
    font-weight: bold;
  }

  #appVersions ul {
    background-color: $main-background;
  }

angularjs selectBoxIt 自定义主题

angularjs selectBoxIt customize theme

javascript

jquery

angularjs

selectboxit