2016-02-03 4 views
0

Я использую компонент selectBoxIt в моем проекте. И я хотел бы изменить стиль, как это: enter image description hereangularjs 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(); 
        }); 

Но после этого он преобразование по умолчанию стиля, как изменить стиль? Большое спасибо.

ответ

1

Добавить идентификатор метки выберите

#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; 
    } 
Смежные вопросы