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上读过类似的帖子，但是它们并没有解决我令人沮丧的简单问题。 How to change an input button image using CSS?

感谢您的帮助。

Answer 1

将此代替提交按钮

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

Answer 2

以防万一有人关心：这是FormBuilder Wordpress插件的一个问题。我使用联系表格7使用了非常相似的CSS，并且它有效。

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;

感谢您的帮助。

提交按钮的CSS图像 - 单击图像必须提交表单

2 个答案: