Jqueryのサイズを縮小するテキストボックス内のオートコンプリートのクロス

Question

私はjqueryオートコンプリートのテキストボックスを持っています。ボックスにテキストを入力すると、予想より大きいサイズの横に十字が表示されます。

Iは完全に十字ボタンを削除し、以下のようにコードを追加しています。

#countBox::-ms-clear { 
    display:none; 
} 

しかし、表示される十字のサイズを減らす方法はありますか。

Answer 1

これは、スタイルにブートストラップを使用するのか、CSSのみを使用するのかによって異なります。私は同様の問題を抱えており、以下のように修正しました。

#Search::-webkit-search-cancel-button{ 
 
    position:relative; 
 
    right:10px; 
 
    height: 10px; 
 
    width: 10px; 
 
}

<input id="Search" name="Search" type="search" placeholder="Search" />

高さと幅を変更することにより、あなたは十字マークのサイズを設定することができます。また、これを試してみてくださいhttp://jsfiddle.net/5XKrc/3/。これは私の似たような問題を修正するアイディアを得たところです。