"styling" av forms

[jrz]

Hvordan kan jeg style forms ved hjelp av css? input feltene og den vanlige knappen blir litt for døvt føler jeg.. fant ikke noe ved første øyekast på w3schools.com ..

[Gjest Slettet-df17e]

Ved hjelp av f.eks css så veti jeg du vertfall kan skifte farger på en form!

 

Jeg kan ikke måe html/css men husker jeg gjorde det en gang!

 

Etter 1min med googling så fant jeg masse bra så prøv på det om det ikke er noen andre her som har mere peil en meg;)

 

Men f.eks for og bytte farge på "buttons" så...

 

<INPUT TITLE="Tralala" TYPE="button" STYLE="background:FARGEN(f.eks FFFFFF)" VALUE="Tralala">

[Loomy]

Diverse form-elementer:

textarea {
margin:1px;
padding:0px 2px 0px 2px;
border:1px solid white;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:11px;
color:white;
background-color:#666666;
overflow:auto;
}

input[type="radio"] {
margin:1px;
padding:0px 2px 0px 2px;
background-color:#FFFFFF;
border:0px;
}

input[type="checkbox"] {
margin:1px;
padding:0px 2px 0px 2px;
border:1px solid black;
}

select {
margin:1px;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:12px;
color:white;
background-color:#666666;
}

 

Dette med type="xxx" ER faktisk gyldig CSS, men de ferreste browsere støtter det. Dermed står du igjen med to muligheter; style input-taggen og akseptere at samtlige input-typer blir stylet likt, eller gi de forskjellige elementene sine egne classer. For eksempel: .button, .checkbox, etc.

[haugsand]

Attributt-selektoren støttes av Mozilla og Opera, men (selvfølgelig) ikke av IE.

 

Cameron Adams har en artikkel om styling av skjemaer.

[jrz]

ta en titt HER

 

hvordan kan jeg få det file input feltet til å få samme type utseende som de andre boksene ?

 

har prøvd med

 

input[type="file"] {
border:1px solid black;
}

 

men det gav intet resultat

[jorgis]

Gi den input-taggen du vil ha stylet en egen klasse, og la denne klassen ha nøyaktig samme styling-greier som de andre input-taggene.