Скрыть значок поиска jQuery мобильный фильтр просмотра списка

Question

Скрыть значок поиска jQuery мобильный фильтр просмотра списка

0

Как скрыть значок поиска из jQuery mobile listview filter.

Я хочу использовать как поле "Автозаполнение" без значка.

Manish Chandra Kumar 14 дек. 2013, в 11:32

Источник

0

(".ui-icon-searchfield").removeClass("ui-icon-searchfield"); . (".ui-icon-searchfield").removeClass("ui-icon-searchfield"); ,
Omar 14 дек. 2013, в 23:05

Теги:

jquery

jquery-mobile

jquery-mobile-listview

2 ответа

0

Я бы изменил заполнение поля ввода, а затем установил, что значок не отображается:

.ui-input-search {
  padding: 0 .4em !important;
}

.ui-icon-searchfield:after {
  display: none !important;
}

Toby 15 дек. 2013, в 22:17

Ещё вопросы

(".ui-icon-searchfield").removeClass("ui-icon-searchfield"); . (".ui-icon-searchfield").removeClass("ui-icon-searchfield"); ,

Ved · Accepted Answer · 2013-12-14T09-30-00.000Z

Автоматическое заполнение поля ввода без значка

<DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    <style>
        .ui-input-search .ui-input-clear {display: none;}
        .ui-icon-searchfield: after {display: none;}
    </style>        
</head>
<body>
    <div data-role="page" id="myPage1">
        <div data-role="content" id="content">
            <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search cars...">
                <li><a href="#">Acura</a>
                </li>
                <li><a href="#">Audi</a>
                </li>
                <li><a href="#">BMW</a>
                </li>
                <li><a href="#">Cadillac</a>
                </li>
                <li><a href="#">Chrysler</a>
                </li>
                <li><a href="#">Dodge</a>
                </li>
                <li><a href="#">Ferrari</a>
                </li>
                <li><a href="#">Ford</a>
                </li>
                <li><a href="#">GMC</a>
                </li>
                <li><a href="#">Honda</a>
                </li>
                <li><a href="#">Hyundai</a>
                </li>
                <li><a href="#">Infiniti</a>
                </li>
                <li><a href="#">Jeep</a>
                </li>
                <li><a href="#">Kia</a>
                </li>
                <li><a href="#">Lexus</a>
                </li>
                <li><a href="#">Mini</a>
                </li>
                <li><a href="#">Nissan</a>
                </li>
                <li><a href="#">Porsche</a>
                </li>
                <li><a href="#">Subaru</a>
                </li>
                <li><a href="#">Toyota</a>
                </li>
                <li><a href="#">Volkswagen</a>
                </li>
                <li><a href="#">Volvo</a>
                </li>
            </ul>
        </div>
    </div>
  </body>
</html>