<button>, border-radius og box-shadow
Knappene vi bruker i skjemaer på Bikube var inntil nylig ganske kjedelige, triste og ikke spesielt pene. Etter litt eksperimentering med border-radius og box-shadow ble de dog seende slik ut:
De blir runde og fine i Opera, Firefox, Chrome og Safari. I Internet Explorer forblir de firkantede, men de går like fint an å trykke på. Skyggen fungerer foreløpig bare i Opera og Firefox, men brukere av andre nettlesere klarer seg sikkert fint uten akkurat den kosmetiske detaljen.
En fungerende demonstrasjon av knappene med og uten ikoner finner du her:
http://e-tjenesten.org/eksperimenter/knapp/
Lån gjerne deler av CSSen vår.