1

画像を入力ボックスの左側に配置しましたが、書き込みが画像に重なっています。どうすればこれを回避できますか? 画像は問題なく左に配置されています。入力テキストが重なるのではなく、画像の右に配置される必要があります 

CSS
input {
background: url(../../core/images/search.png) no-repeat center left 5px #FFF;
text-align: left;
padding: 5px;
font-family: 'Raleway', sans-serif;
color: #444;
border: 3px solid #FFF;
outline: none;
border-radius: 3px;
margin: -4px 20px;
position: absolute;
width: 270px;
}

HTML
<input type="text" autocomplete="off" name="name">
4

3 に答える 3

1

なぜ使用しないのpaddingですか？見てください：

padding-left: 65px;

JSFiddle: http://jsfiddle.net/8JLXj/9/

またはtext-indent:

text-indent: 65px;

JSFiddle: http://jsfiddle.net/8JLXj/10/

于 2013-08-04T11:53:51.727 に答える
1

text-index プロパティを使用します。

text-index:(pic\'s width+gap between pics and first letter)px;

またはpadding-left:10px;、pic から距離を作成するために使用することもできます。

于 2013-08-04T11:54:35.497 に答える
1

padding-leftにinput応じwidthて与えるimage

于 2013-08-04T11:53:50.027 に答える