HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Kijelölt tartalom kijelölő


A honlap felhasználó által kijelölt területe böngészőnként másként jelenik meg. Az űrlapelemek címkéi esetén kimondottan zavaró lehet lehet a háttér színének változása.

A Mozilla igényli a -moz- előtag használatát.

::selection
{
meghatározásblokk
}
/*A honlap felhasználó által kijelölt területének kijelölése.*/


Példa:

Jelölje ki a címke vagy a bekezdés tartalmát!

Forráskód



<style>
  label::selection {color:#000000; background-color:#ffffff}
  p::selection {color:#66ffff; background-color:#ff6666}
  label::-moz-selection {color:#000000; background-color:#ffffff}
  p::-moz-selection {color:#66ffff; background-color:#ff6666}
</style>
...
<body>   
<form action="#"><br>
  <input id="checkbox1" name="checkbox1" type="checkbox" checked>
  <label for="checkbox1"> Ezen a címkén nem látszik, ha kijelik  </label>
  <p>Ez a szöveg viszont szép színes lesz. </p>
</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_kijelolt_tartalom.html