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

如果有其他规则不会对你的元素产生影响。