フォーム入力フィールドにイメージを配置する

Question

イメージを単純なフォーム入力フィールドに作成しようとしていますが、イメージは送信ボタンとして機能します。ここに私のデモがありますhttp://jsfiddle.net/BSXsY/ 入力フィールドの中に画像クラス（.button）が必要です。助けてくれてありがとう。二つのことを変更することにより

Answer 1

は、私はあなたが求めて何やったかなり確信している：高さは、画像に対応するために変更されます

.searchinput { 
    color: #666666; 
    font-size: 13px; 
    padding-left: 2px; 
    top: 5px; 
    width: 200px; 

    /* Additions (or rather copies) */ 
    background: url("http://img696.imageshack.us/img696/8137/13133747.jpg") right no-repeat; 
    height: 25px; 
} 

ノート、テキストサイズ/アライメントでプレイすることをお勧めします。

Answer 2

入力フィールド内にastrikを配置するには、クラスを追加する必要があります。クラスの

<input type="text" class="astrik"/> 

それぞれのCSS：

.astrik 
{ 
    background-image: url('../images/red_asterik.png'); 
    height: 100%; 
    width: 100%; 
    background-repeat: no-repeat; 
    background-position: right; 
    background-position-x: 98%; 
}