jQuery locationpicker输入样式背景和焦点

Question

我在webapp中使用jQuery locationpicker，它似乎阻止了输入的一些样式。我可以改变宽度，填充，边框等，但是我必须使用jQuery来改变背景的问题。

输入：

<input type="text" id="search-text" placeholder="Search:">

jQuery的：

$('#search-text').css({
    background: 'transparent'
}).locationpicker({
    location: {latitude: 0, longitude: 0},
    inputBinding: {
    latitudeInput: $('#lat'),
    longitudeInput: $('#lng'),
    locationNameInput: $(address)
}, enableAutocomplete: true
});

CSS：焦点无法改变背景：

#search-text:focus {
    background: #FFFFFF;
}

但这有效：

#search-text:focus {
    border: 1px solid #FFFFFF;
}

为什么背景风格有问题？

Answer 1

在CSS中为您的规则添加!important：

background: #FFFFFF; !important

如果有其他规则对您的元素没有任何影响。