如何在jQuery Mobile 1.4.0中將自定義樣式分配給列表視圖過濾器？

我有一個過濾器的列表視圖，我如何更改過濾器的主題，添加特定的樣式，它由CSS？因爲我需要修改過濾器圖標，邊框，但我不知道如何將這些樣式分配給它，請幫助我..如何在jQuery Mobile 1.4.0中將自定義樣式分配給列表視圖過濾器？

<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>

來源

2014-01-28 user

創建搜索輸入和分配ID。

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

在ul，添加data-input屬性與價值搜索輸入的ID開始#散列標籤data-input="#custom-filter"。

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

創建一個自定義樣式，並把它添加到#custom-filterDIV有應用在輸入的樣式。

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

Demo

來源

2014-01-28 12:47:17 Omar

@OmarThanksI已經嘗試過了，但它並沒有在我的應用程序作爲的jsfiddle邊界的工作是應用於頁面（頁面各處）和佔位符沒有出現在過濾器中！ – user

@user我在小提琴中使用了不同的id而不是答案。應將佔位符添加到自定義輸入中。 – Omar

@OmarIhave使用，在的jsfiddle，我有保險，輸入ID，並在列表視圖中的數據輸入是相同的在我的代碼 – user

如何在jQuery Mobile 1.4.0中將自定義樣式分配給列表視圖過濾器？

回答

相關問題