ugrás a tartalomhoz

Form disabled submit gomb formázása

buheramatrix · 2009. Ápr. 1. (Sze), 11.14
Sziasztok,

van egy űrlapom amelyen a letíltott submit gombo hátterének színét szeretném megváltoztatni. A kérdésem az lenne, hogyan tudom CSS segítségével módosítani az elem színét ha a tulajdonsága "disabled"-re van állítva?

Balázs
‹ Űrlap mezőben alapértelmezett érték mutatása, elrejtése jQuery Date Input [ÉV-HÓ-NAP] ›
 ■
1

tulajdonság alapú kiválasztás

rockybro · 2009. Ápr. 1. (Sze), 12.04
csináld így:

<input type="submit" value="" disabled="true" />


input[disabled="true"] {
/*stílusok*/
}
egyetlen probléma, hogy IE-ben nem működik.

másik megoldás, hogy amikor letiltod az inputot, akkor adsz neki egy class="disabled" tulajdonságot, és így már könnyedén hivatkozhatsz rá...
2

Disabled

Poetro · 2009. Ápr. 1. (Sze), 13.11
A W3C specifikáció szerint XHTML esetén így kell írni:
<input type="submit" value="" disabled="disabled" />
És egy megfelelő CSS hozzá, ami számára jelentéktelen, hogy mi az érték:
input[type="submit"][disabled] {  
/*stílusok*/  
}
Valamint IE8 már támogatja az attribute selectorokat, mivel teljesen a CSS 2.1 implementáció.
3

IE6-7-re írj expressiont, ha

Fraki · 2009. Ápr. 1. (Sze), 14.05
IE6-7-re írj expressiont, ha nem terheled túl az oldalt.