jQuery Mobile的框架 - 自定义图像提交按钮

我想用图像提交按钮，但下面的代码不起作用：jQuery Mobile的框架 - 自定义图像提交按钮

<input type="submit" id="btnSubmit" data-role="none" class="loginSubmit" />

CSS：

.loginSubmit {background: url("images/submit.png") no-repeat scroll transparent; display:block;height:54px;}

相同的代码与标签一起工作。

<a data-theme="" id="btnSubmit" class="loginSubmit" />

试图解决在Custom Input[type="submit"] style not working with jquerymobile button建议，但它也不起作用。我正在使用最新版本的jQuery手机。

您已经添加'important'！？添加'data-role = button'。 – Omar 2013-05-06 22:05:21

检查此http://fiddle.jshell.net/Palestinian/fkzhz/，而不需要添加'data-role = button' – Omar 2013-05-06 22:11:25

您可以使用带有文本的图像吗？奇怪的是，背景颜色似乎被更新，但不是文字。 – WhatsInAName 2013-05-06 23:06:26

为了避免jQuery Mobile的压倒一切的造型，加上data-enhance="false"的元素：在CSS中的每个属性后

<input type="submit" id="btnSubmit" class="loginSubmit" data-enhance="false" />

2013-10-10 17:00:13 mayabelle

回答