jQuery locationpicker 输入样式背景和焦点

Question

我在 web 应用程序中使用 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 :focus 也不能改变背景：

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

但这是有效的：

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

任何想法为什么背景样式有问题？

Answer 1

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

background: #FFFFFF; !important

如果有其他规则对你的元素没有影响。