Button

CSS wordt pas leuk als je wat meer bekend raakt met de mogelijkheden van CSS. Het is mogelijk bijvoorbeeld om de elementen van een formulier te bewerken. Tot nu toe heb ik de basis behandeld. Dit moet genoeg zijn om de rest te kunnen begrijpen. Daar waar nodig zal er extra aandacht worden gegeven aan nieuwe elementen.

Ik begin met de submit button in een formulier. De code:

 <input type="submit" value="submit">

In het formulier komt dan een grijze knop te staan. Een knop waar weinig aan is. Meestal past het ook niet in de stijl van een pagina. Gelukkig kun je de stijl van de button aanpassen. Hieronder een voorbeeld waarin de knop aangepast is.

 <style type="text/css">
  .blauw {
   background-color: #0080ff;
   color: #f3e4ab;
   font-size: 10px;
   font-weight: bold;
  }
 </style>

 <input type="submit" value="submit" class="blauw">

Resultaat: