CSS Pada XUL Component

Pada dasarnya semua component xul bisa saja disisipi CSS, tetapi ada kondisi dimana komponen tersebut tidak dapat menerima CSS. Contohnya pada textbox atau button biasanya tidak dapat dipercantik dengan css seperti berikut :

#same-textbox {
     border:1px solid #D9D9D9;
     border-top:1px solid #C0C0C0;
}
#same-button {
     border:1px solid #DCDCDC;
     background:#F2F2F2;
}

Sehingga tampilannya tetap seperti aslinya.

Untuk dapat menyisipkan semua style dari css, Anda bisa menambahkan -moz-appearance: none; pada css agar gecho tidak meng-aplikasikan style standar pada komponen tersebut.

Bentuk CSS-nya nanti akan menjadi seperti ini :

#same-textbox {
     -moz-appearance: none;
     border:1px solid #D9D9D9;
     border-top:1px solid #C0C0C0;
}
#same-button {
     -moz-appearance: none;
     border:1px solid #DCDCDC;
     background:#F2F2F2;
}