Membuat Custom Icon di JQuery Mobile

Pada tutorial sebelumnya kita telah mempelajari cara membuat tombol dengan teks di jQuery Mobile. Hari ini saya akan mengajarkan bagaimana cara membuat tombol dengan menggunkan icon yang kita buat sendiri. Caranya sangat mudah yakni kita membuat style yang disimpan di dalam class yang berfungsi untuk memanggil icon yang telah kita buat sebelumnya.

Class diatas mendefinisikan sebuah gambar dengan pengaturan size 22px. Pada tutorial ini saya akan membuat 4 tombol dengan icon custom yang berbeda. Silahkan buat kode jQuery Mobile seperti berikut :

Simpan dan buat file css-nya seperti berikut :

Simpan. dan jalankan pada browser. Hasilnya akan terlihat sebagai berikut :

Baca juga Membuat Form di jQuery Mobile