CSS изображение для кнопки отправки - нажатие на изображение должно отправить форму

Question

Пожалуйста, помогите,

У меня есть форма на WordPress.Я хочу, чтобы пользователь мог щелкнуть изображение вместо стандартной кнопки отправки.

У меня появляется изображение, а кнопка отправки исчезает - но ничего не происходит, когда я нажимаю на изображение.

Это код, который я использую:

.formBuilderForm .formBuilderSubmit {
clear: both;
text-align: right;
    display:block;
width:228px;
height:49px;
background: url(my image url) no-repeat;
text-indent:-999em;

Прежде чем сказать "Google it" или попробовать поиск: я попробовал методы, упомянутые здесь: http://www.queness.com/post/798/5-techniques-to-style-buttons-using-images-and-css

Я прочиталподобные посты, такие как это на stackoverflow, но они не решают мою досадно простую проблему. Как изменить изображение кнопки ввода с помощью CSS?

Спасибо за помощь.

Answer 1

поставьте вместо кнопки отправки

<input type="image" src="http://imageurl">

Answer 2

На всякий случай, если кому-то все равно: Это было проблемой с плагином WordPress FormBuilder. Я использовал очень похожие CSS, используя контактную форму 7. Это сработало.

padding:8px 0 10px 0px;
color:#FF0000;
border:none;
width:107px;
height:26px;
text-align:center;
background-image:url(the url went here);
background-repeat:no-repeat;
text-indent:-999em;

Спасибо за помощь.