固定幅をテキストボックスに設定するにはどうすればよいのですか？

Question

パディング左の値で左揃えのテキストボックスにイメージを配置したいとします。そのために私はCSSで背景画像と背景位置のプロパティを使用しています。 配置する画像は、第3の値で決定され、画像の幅は異なります。

私の2番目の要件は、画像が4pxのギャップで終了した後にテキストボックスのテキストを表示することです。 イメージの幅が変化するため、テキストボックスの幅も変化します。私は固定幅でそれを保ちたい。

私の代わりにパディング左入れてのテキストのインデントプロパティを使用してみました：

text-indent : 40px; 

テキストインデントは私が一定の幅を維持するが、私はテキストボックス内をクリックしたときに、それはテキストボックスの非常に開始時にカーソルを示し役立ちます（2pxで）。

どうすればいいですか？私はどのCSSプロパティを使うべきですか？

Answer 1

私はあなたの求めるものは何もわかりませんが、私はあなたがCSSの幅のプロパティで必要なように聞こえるものを集めることができますか？あなたは、これまでhttp://www.jsfiddle.net経由持ってHTMLとCSSを供給することができれば

.myInput 
{ 
    background: white url(images/smiley.png) center left no-repeat; 
    padding-left:18px; 
    width: 120px; /* Fixed outside bounds width of the text input*/ 
}