HTML / CSS Как добавить значок изображения для ввода type = "button"?

Question

Я использую приведенный ниже CSS, но он помещает изображение в центр кнопки. Можно ли выровнять значок влево или вправо, используя <input type="button">, чтобы текст и изображение соответствовали и хорошо совмещались?

background: url('/common/assets/images/icons/16x16/add.png');
background-position:center;
background-repeat:no-repeat;

Answer 1

Что я хотел бы сделать, это сделать:

Используйте тип кнопки

 <button type="submit" style="background-color:rgba(255,255,255,0.0); border:none;" id="resultButton" onclick="showResults();"><img src="images/search.png" /></button>

Я использовал цвет фона: rgba (255,255,255,0,0); Так что исходный цвет фона кнопки исчезает. То же самое с границей: нет; исходная граница будет удалена.