Class toekennen aan <input..>

Door Milo op 14-07-2009 12:01

683 views

Hallo,
Ik ben bezig met css te leren en nu wilden ik het graag toevoegen aan een formulier..

bijv:


/* Het form */
<form action="" method="POST">
<input type="text" name="voornaam">
<input type="text" name="achternaam">
<input type="submit" value="verzenden">
</form>

/* De CSS */
input {
    border: 1px solid black;
    background-color: #FF0000;
    font-family: Verdana;
    font-size: 2px;
    color: #00FF00
}

dit is dan even een lelijk voorbeeldje hoor..
ten eerste is dit iets wat zou werken
en ten tweede kan ik ook nog afgeronde hoeken kunnen maken bij bijv weer een ubb ding als B (bold) met css of moet ik dan een achtergrond afb. nemen?

Eddy E

14-07-2009 12:05

Probeer het uit... en dit werkt inderdaad wel.
Let wel dat je de stijl VOOR de html zet.

Afgeronde hoeken maken.... bij een knop bedoel je?
Dan is een achtergrondplaatje wel het makkelijkst ja.
Met puur CSS lukt dat niet.

Milo

14-07-2009 12:16

okok,
heb 2 paginas ervoor style.css en index.php ;)
en dan moet ik voor textarea warschijnlijk ook zoiets doen:


textarea {
    border: 1px solid black;
    background-color: #FF0000;
    font-family: Verdana;
    font-size: 2px;
    color: #00FF00
}

en voor een knop dan?? dit word dan weer lastig want dat is
<input type=""button">
en die wil ik ronde hoeken geven maar de input text niet.. moet ik dan nog iets er aan toevoegen ofzo?

al opgelos gewoon apparte class aan hangen

www JdeRuijterNL

15-07-2009 09:59

als je voor de button een aparte style wilt gebruiken moet je <input class="nieuwestyle" type="button">


.nieuwestyle {
#CSSWAARDE
{

maar ik ben bang dat je dat dan ook bij je andere input velden moet toepassen,
dus ook met classes.
en dan


Input {
#CSSWAARDE
{

links laten liggen

Reageren

Inloggen om te reageren