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

创建搜索输入并指定 id 。

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

在ul中，添加data-input属性，其值为搜索输入的 id ，以#哈希标记{{开头1}}。

data-input="#custom-filter"

创建自定义样式并将其添加到<ul data-role="listview" data-filter="true" data-input="#custom-filter"> div ，以便在输入中应用样式。

#custom-filter

Demo

如何将自定义样式分配给jQuery mobile 1.4.0中的列表视图过滤器？

1 个答案: