Как я могу установить радиус границы выбранного меню в JQuery Mobile с помощью CSS

Question

В моей глобальной теме закругленные углы имеют значение 0em, округленных границ нет, но есть несколько элементов, к которым я хотел бы применить закругленную тему.Я попытался добавить это в конце моих css-файлов,

.rounded {
-moz-border-radius:    2em    /*{global-radii-blocks}*/;
-webkit-border-radius:    2em    /*{global-radii-blocks}*/;
border-radius:    2em    /*{global-radii-blocks}*/;
}

, а затем добавить этот класс к элементам dom примерно так:

 <div data-role="controlgroup" data-type="horizontal">
        <select name="select_networks" id="select_networks" data-inline="true" class="rounded">
            <option value="1/1">Everyone</option>
            <option value="2/1">Friends</option>
        </select>
        <select name="select_sort" id="select_sort" data-inline="true" class="rounded">
            <option value="1">Points</option>
            <option value="2">New</option>
        </select>
    </div>

, но пока не удача, есть идеи?

Answer 1

Вы пытаетесь использовать !important, чтобы заставить элемент должен следовать стилю в css?

Иногда, хотя и используется встроенный стиль, мой элемент по-прежнему следует стилю родительского элемента, попробуйте с помощью !important