如何將<a data-role="button">
按鈕的背景更改爲我的圖片?另外,我怎樣才能將我的自定義圖標添加到左側按鈕的頂部?jQuery Mobile:如何自定義按鈕
4
A
回答
10
給鏈接一個類並使用CSS更改背景圖像。
<a data-role="button" class="my-button">
...
.my-button {
background-image: url('images/my-button.png') !important;
}
10
我要說的是定製jQuery Mobile的按鈕,推薦的方法是添加自定義的主題。
<a data-role="button" data-theme="my-site">Button</a>
這會讓您更好地控制按鈕的不同元素和狀態。例如,你可以通過編寫與您的自定義主題名稱相關聯的類的代碼(它們會自動添加到按鈕)目標在CSS按鈕的不同狀態:
.ui-btn-up-my-site { /* your code here */ }
.ui-btn-hover-my-site { /* your code here */ }
.ui-btn-down-my-site { /* your code here */ }
請記住,默認按鈕是由邊框,陰影,當然還有背景漸變。此外,按鈕中還有其他HTML元素由框架自動生成。根據您想要自定義的內容,您可能需要將按鈕中的其他類(ui-icon,ui-btn-text,ui-btn-inner等)作爲目標。
這裏是一個教程,解釋如何做jQuery Mobile按鈕的高級自定義。該文章顯示瞭如何做一些基本的自定義,如何重置jQuery Mobile的主題,以及如何將默認按鈕到任何你想要的:
http://appcropolis.com/blog/advanced-customization-jquery-mobile-buttons/
相關問題
- 1. jQuery Mobile自定義圖像按鈕
- 2. jQuery Mobile自定義按鈕 - 一般CSS問題
- 3. jQuery Mobile的框架 - 自定義圖像提交按鈕
- 4. JQuery Mobile中的自定義頁眉按鈕
- 5. JQuery Mobile Multi Page - 自定義後退按鈕圖標
- 6. jQuery Mobile按鈕
- 7. 如何自定義jQuery Mobile Navbar?
- 8. 自定義jQuery Mobile Slider
- 9. Jquery Mobile中的按鈕自動大小
- 10. 如何從JavaScript創建jQuery Mobile按鈕?
- 11. Jquery Mobile如何更改按鈕的值
- 12. 自定義按鈕
- 13. 自定義按鈕
- 14. jQuery datepicker添加自定義按鈕
- 15. Javascript/JQuery自定義HTML播放按鈕
- 16. JQuery關閉疊加 - 自定義按鈕
- 17. jQuery的自定義對話框按鈕
- 18. Swiper - 如何自定義箭頭按鈕?
- 19. 在jquery mobile中使用自定義jquery?
- 20. JQuery Mobile:按鈕點擊重定向
- 21. jQuery Mobile:定期刷新單選按鈕
- 22. 將自定義按鈕應用到自定義按鈕
- 23. 另一個自定義按鈕上的自定義按鈕?
- 24. 自定義單選按鈕
- 25. 如何編寫自定義JOptionPane按鈕?
- 26. 如何在UITableViewCell中自定義按鈕?
- 27. 如何在我的自定義按鈕
- 28. 如何自定義Facebook的按鈕?
- 29. 如何自定義按鈕(CSS,HTML)
- 30. 如何自定義Google+登錄按鈕
是什麼!「重要」呢? –
@Petey - '!important'主要是指「不要重寫這種風格。」真的,這不是好習慣。見http://stackoverflow.com/questions/7369216/how-do-you-read-important-in-css – Greg