Скрыть значок «Выбрать меню» в jQuery Mobile

Question

Можно ли скрыть значок по умолчанию, используемый для выбора меню в jQuery Mobile? По умолчанию они используют значок стрелки вниз. Я знаю, что можно указать значок с помощью атрибута data-icon, но я не нашел способа его скрыть.

Пример использования значка по умолчанию:

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

Answer 1

Вы можете использовать data-iconpos = "noicon" примерно так:

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1" data-iconpos="noicon">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

Любое значение атрибута data-iconpos, кроме: top, right, bottom или left, не будет отображать значок.

Вот ссылка на jsfiddle этого примера: http://jsfiddle.net/KWQJf/

Answer 2

По тем или иным причинам в полях SELECT div все еще оставался, хотя я установил data-iconpos = 'noicon' ... ТАК, что я сделал, был немного хакерский, но не плохой. Я вызвал эту функцию Jquery onload (ДОПОЛНИТЕЛЬНО к data-iconpos = 'noicon')

 $('.ui-icon.ui-icon-arrow-d.ui-icon-shadow').remove();

Надеюсь, это поможет любому, кто столкнулся с той же проблемой, что и я. :)

Answer 3

Вы можете переопределить этот стиль в своей собственной таблице стилей:

.ui-select .ui-icon-arrow-d {
  display: none;
}