Formbuilder - CSS Input en Button

[Alex91]

Weer verder met mijn formulier.

Nu heb ik een probleem met de CSS...

Als ik de input een breedte geef, word de verzendknop net zo breed.
Nu wil ik alleen de input velden een bepaalde breedte geven en de knop niet.

Hoe kan ik die doen?

(heb op dit moment geen voorbeeld, aangezien het lokaal draait op dit moment)

[stijlXpres]

Hallo Alex91,

Dat kun je eenvoudig oplossen door naast de input ook de knop (fbsubmit) te voorzien van styling.
Stel, je formulier heb je meegegeven:

Code: Select all

class="formulier"

(dit kun je invullen op het eerste tabblad als je het formulier bewerkt.

Vervolgens geef je de styling voor zowel de input als voor de submit

Code: Select all

.fomulier input {
  width: 200px;
  ...
}

.formulier .fbsubmit {
  width: 100px;
  ...
}

Op dezelfde manier kun je ook andere afwijkende 'inputs' (radio / textarea / etc...)van eigen styling voorzien.

Succes!