Как назначить настраиваемый стиль фильтру просмотра списка в jQuery mobile 1.4.0?

Question

У меня есть вид списка с фильтром. Как изменить тему фильтра, добавить к нему специальный стиль css? так как мне нужно изменить значок фильтра, границы, но я не знаю, как присвоить эти стили к нему, пожалуйста, помогите мне ..

<div data-role="page" id="index"> 

<div data-role="header" data-position="fixed" data-tap-toggle="false" data- fullscreen="false" data-theme="b"> 

<div style="padding-top:15px;" > <font color="white" size="6px" >Index </font></div> 
</div> 
<div data-role="content" > 

<ul data-role="listview" data-filter="true" data-filter-placeholder="Search.. " 
data-split-icon="delete" style="margin-top: 30px;" > 
    <li> element1</li> 
    <li> element2</li> 
    <li> element3</li> 
    <li> element4</li> 
    <li> element5</li> 
    <li> element6</li> 

    </ul> 
</div> 
</div> 

Answer 1

Создание поиска входа и назначить идентификатор.

<input type="search" id="custom-filter" /> 

В ul, добавьте data-input атрибут со значением в идентификатор из поиска ввода начиная с # хэш-тега data-input="#custom-filter".

<ul data-role="listview" data-filter="true" data-input="#custom-filter"> 

Создайте свой стиль и добавить его в #custom-filterДИВ иметь стили, применяемые на входе.

$("#custom-filter").closest("div").addClass("styles"); 

Demo