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

Question

我想使用提交按钮的图像，但以下代码不起作用：

<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标记。

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

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

Answer 1

要避免JQuery mobile覆盖样式，请将data-enhance="false"添加到元素：

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