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 

を他のルールがある場合は、あなたの要素には影響を行いません。