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

如果有其他规则将不会影响您的元素。

jQuery locationpicker 输入样式背景和焦点

jQuery locationpicker input style background and focus

html

javascript

css

jquery

jquery-plugins