Engedélyezett-tiltott kijelölők.

Az :enabled álosztály szelektor segítségével kijelölhetünk bármilyen engedélyezett HTML elemet (amelyek rendelkezik enabled és disabled állapotokkal), de elsősorban űrlapelemek kijelölésére szolgál.

A :disabled álosztály szelektor segítségével kijelölhetünk bármilyen tiltott HTML elemet (amelyek rendelkezik enabled és disabled állapotokkal), de elsősorban űrlapelemek kijelölésére szolgál.

:enabled

{

meghatározásblokk

}

/*Az elem akkor lesz kijelölve, ha engedélyezett.*/

:disabled

{

meghatározásblokk

}

/*Az elem akkor lesz kijelölve, ha tíltott.*/

Példa:

Kattintson egy beviteli mezőre!

Forráskód


<style>
  input[type="text"]:enabled {background:#00ff00;}
  input[type="text"]:disabled {background:#aa0000;}
</style>
... 
<body>   
 <form action="#"><br>
  Engedélyezett: <input type="text" value="Engedélyezett" /><br>
  Tiltott: <input type="text" value="Tiltott" disabled ><br>
  Engedélyezett: <input type="text" value="Engedélyezett" /><br>
  <input type="submit" name="submit1" value="Küldés">
 </form>  
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_kijelolo_enabled_disabled.html