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添加到标签中

#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;
  }