css - JQuery Mobile 検索ボックスの背景色

Question

こんにちは、検索ボックスの背景色を変更しようとしています。現在は白で、カスタムカラーに変更できるようにしたい. いくつかの異なる手法を試しましたが、背景色が検索ボックス全体に表示されず、検索フィールドの両端が白のままになっているようです。また、検索ボックスの先頭にカスタム画像を配置できるようにしたいので、プレースホルダー テキストを少し右に押します。パディングなどを使用してこれも試しましたが、やはりうまくいきませんでした。どんな助けでも本当に感謝しています。検索ボックスに使用しているコードは次のとおりです。

CSS:

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #424242;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #424242;
}

#search_controls input.ui-input-text{
    background: url("../../images/search.jpg") 1% no-repeat !important;
    background-color: #2ECCFA !important;
    outline: 0;
  }

HTML:

<div id="search_controls">
 <input type="number" class="search-box" placeholder="Number" />
</div>