Beállítjuk a beviteli elemek kereteit, árnyékait és sarkaik kerekítését.
Példa:
Forráskód
<style>
....
/* Űrlapelemek árnyék, keret */
form input[type=text], form input[type=email],
form input[type=url], form textarea {
padding-left: 5px;
border: 1px solid #662210;
box-shadow: 0 0 3px #eeccc0, inset 0 -10px 20px #eeccc0;
border-radius: 5px;
}
form textarea {
border: 1px solid #662210;
box-shadow: 0 0 3px #eeccc0, inset 0 -20px 80px #eeccc0;
border-radius: 5px;
}
</style>
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_urlap_csinositas_02.html