html - IE テキストのオーバーラップする入力パディングを修正する方法

Question

テキストはIE9までのすべてのIEで入力に重なっています。IE 10 はまだテストしていません。CSSハックなどを探しています

padding: 7px 35px 7px 5px !important;

IEでの結果はこんな感じ

Answer 1

同じコードで解決するオプションはないと思います。

span画像の背景と同様に追加できます。

Answer 2

これにはトリックがあるとは思いません。次のようにラップ要素にパディングを適用することをお勧めします。

http://jsbin.com/udezuz/1/ これは、右のパディングが無視される IE では問題ありません。