CSS vraagje over submit buttons

**JW Uljee** · 16-09-2010, 10:23

Hallo allemaal,

Hoe kan ik in mijn CSS alle buttons op de website dezelfde vormgeving geven. Dus niet dat ik elke button een class moet gaan geven en dan aan moet passen. Maar ik wil in de css bijvoorbeeld

input{ background-color:#DFDSAFA; }

Zoiets, maar wat is daarvoor de juiste code?

**gast26966** · 16-09-2010, 10:29

Je kunt de input een class geven door tussen <input en > dit te zetten:
class="submitstyle"

en dan in de css
.submitstyle {
background-color: #hierdekleur;
}

Bij iedere input button die je op die manier wilt opmaken, doe je gewoon class="submitstyle" in de tag!

Succes ermee, voor meer vragen kan je altijd Pmen

**Marc Vleugels** · 16-09-2010, 10:29

Maak in je css een class zoals bijvoorbeeld onderstaande:
.button {
height: 22px;
color: #243f8b ;
background:#f5f5f5;
font-weight: bold;
font-size:12px;
margin: 0;
padding: 3px;
border: 1px solid #243f8b ;
cursor: pointer;
vertical-align: middle;
}

en in je scripts waar het moet komen zet je dan class="button"

**JW Uljee** · 16-09-2010, 10:33

oke dit is dus precies wat ik niet wil. Het nadeel is dat ik dan heel veel template bestanden na moet gaan lopen. ik wil gewoon alle submit buttons tegelijk aanpassen. dit moet toch wel kunnen?
Aanvullend bericht:
ik heb het gevonden het was het volgende:
bedankt voor de pm.

input[type="button"],input[type="submit"] {
background-color:#F00;
}

**MelvinKooper** · 16-09-2010, 11:55

het zou ook zo kunnen door automatisch met jquery een class toe te laten voegen.

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
/* jouw eigen styling uiteraard */
.submitButton { margin: 8px; width:100px; height:50px; background-color:red; }

</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<input name="" type="button" />
<input name="" type="button" />
<input name="" type="button" />
<input name="" type="button" />


<script>$("input").addClass("submitButton");</script>

</body>
</html>

CSS vraagje over submit buttons