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

回答