Ik heb een stuk of 40 lange formulieren gemaakt, en nu wil ik in al die formulieren de text velden een bepaalde opmaak geven.

Nu kan ik ze allemaal langs gaan en ze een id of class geven, maar dat vind ik nogal veel werk.

Is het mogelijk om middels CSS al deze text velden een opmaak te geven, zonder gelijk alle input velden op te maken?
Voor zover ik weet niet... Je kan denk ik wel met div's plekker aangeven waar je een bepaalde style wilt op de formulieren... Minder werk als aparte classes, maar misschien toch nog redelijk wat werk
ja dat kan

dan moet je het formulier een id geven dus zoiets:

<form id="form1">
<input type="text" />
enz..
</form>

en dan zet je in de css:

#form1 input {
border: 1px solid #000;
background-color: #eee;
enz..
}

dan krijgen alle input velden binnen dat formulier die style
Dit gaat wel.

Wanneer al je formulieren dezelfde opmaak moeten hebben doe je in je css bv gewoon dit:

input{font-family:Verdana, Times New Roman, Times, serif;
color:#898989;
font-weight:bold;
font-size:9pt;
text-decoration:none;
border: 2px inset #FFCC00
etc....
}

edit: Frisbee was sneller :o)
maar dat bedoelde hij niet...


zonder gelijk alle input velden op te maken?


Nu veranderen jullie meteen alle input velden...
bij mijn oplossing veranderen alleen de input velden binnen het formulier hoor..

FORM {margin: 0px;padding: 0px}
SELECT.style1, INPUT.style1, TEXTAREA.style1
		{
		font-family: Arial, Helvetica;
		font-size: 12px;
		color: black;
		text-decoration: none;
		background-color: #F0F0F0;
		border: #6F6F6F;
		border-style: solid;
		border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px
		}


Je kunt met css voor iedere tag een style maken.

De elementen die je wil veranderen dus als class de naam style1 meegeven.
omg.. leer nou eens lezen.. hij wil dat die tag alleen veranderd binnen dat formulier en niet over de hele site!
Vandaar dus die .style1, lezen is ook een vak idd.
Goed dat je het zelf zegt...

Nu kan ik ze allemaal langs gaan en ze een id of class geven, maar dat vind ik nogal veel werk.


@Frisbee, misschien wil hij ook niet alle velden uit het forum hebben, bijvoorbeeld submit niet...

Maar lekker boeie...
Bienze, is 1 van deze oplossing al voldoende?

Maar ik wil dus

Bienze schreef op 07.06.2005 13:18

de text velden


een bepaalde opmaak geven.

Nu zeg je in css
input {
mijnopmaak
}




En het werkt!!! yaaaay, voor alle input velden ja!

dus: <input type="text"> heeft mijnopmaak
en: <input type="submit"> heeft mijnopmaak

Maar, ik wilde dus niet de opmaak doorgeven aan de submit buttons, maar aan de text items.

**
zoals willem-jan al zei.

en,

Nee, een van deze oplossingen is niet voldoende... Ik wil echt in 1 keer alle text velden aan kunnen geven, zonder gebruik te maken van nieuwe id's of class-en

Reageren