css - 如何在白色背景jquery mobile上将搜索图标白色更改为黑色

Question

我在 jquery mobile 工作，我需要将搜索输入上的白色图标更改为黑色。

这是我的代码

<div id="dvSearch" data-role="fieldcontain" class="ui-hide-label" >
    <label id="lblSearch" for="txtsearch">Search</label>
    <input type="search" id="txtsearch" class="ui-icon-alt"   data-i18n="[placeholder]attr.placeholderSearch;" data-theme="a"/>
</div>

这是jsfiddle

Answer 1

您可以通过添加以下 CSS来替换该background-image值：images/icons-18-black.png

.ui-icon-searchfield:after
{
    background-image: url(images/icons-18-black.png); //Remember to update this path
}

这是您对更新代码的小提琴http://jsfiddle.net/rBu3W/3/