HTMLは送信ボタンとしてアイコンを表示します

私は学校のためのプロジェクトを作っていますが、私はこの問題に固執しています：入力提出をしたいのですが、ボタンの代わりにアイコンをクリックします。私はまだ他の答えを探した後にそれを理解していません。あなたは絶対に入力を使用する必要がある場合HTMLは送信ボタンとしてアイコンを表示します

<form> 
    <input type="submit" id="submit-icon"> 
</form>

何アイコンあなたがしたいですか：

background-image: url(...); background-repeat: no-repeat; background-position: <left|right>; padding-<left|right>: <width of image>px;

それは内部のIMGで、ボタンを使用するために、通常は少し簡単ですつかいます？あなたはそれにリンクしていますか？ 'background-image：url（path/to/image.png）'を試したことがありますか？ –

@DavidThomas私はbackground-image：url（path）を試しましたが、画像が正しく表示されませんでした。私は検索アイコンを使いたい。 –

これって何？ https://jsfiddle.net/9xyfy0gk/ – sinisake

、これを試してみてください。

<button type="submit"><img> Text</button>

2016-10-27 16:44:49

答えて