テキストフィールド全体の行を取得する

Question

私は望ましくないウィンドウまでの水平距離全体を拡大しているテキストフィールドを持っています。私は、私は考えることができる任意の方法でサイズを制限しようとしました：

<input class="searchField" id="searchBar" style="size:10;" type="text" size="10px" value="Search Here" /> 

CSSで：

#searchBar input 
{ 
    width:10px; 
} 

.searchField 
{ 
    size:10px; 
} 

どこか他のHTML/CSSコードは、それがすべて展開する原因となっている可能性があります道。私の質問：それは、その入力テキストフィールドでローカルに、私は自分のサイズを持つことができるように、それを上書きする方法はありますか？

Answer 1

、

.searchField { width:10px !important; } 

Answer 2

widthプロパティを変更します。

#searchBar { 
    width: 10px; 
} 

Answer 3

私は今までにsize CSSプロパティについて聞いたことがありません。 width（例：width: 10px）ですか？

Answer 4

'サイズ'は無効なCSSプロパティです。代わりに幅を使用してください。あなたの入力に100pxの幅を与えます。たとえば、10pxはあまりにも小さいです。あなたも見てみたいですInput size vs width

Answer 5

width cssプロパティを使ってみてください。それは他の場所で異なる幅のプロパティを対象としているだけで包み

.searchField 
{ 
    max-width: 10px; 
}