Verschillende css voor inputs ?

[yammaski]

Kan ik de "inputs" een aparte/verschillende css geven ?
Zoals je ziet op de testpagina heeft het bovenste field een focus met achtergrondkleur.
Het onderste textfield zou ik zonder die focus willen.

Zie testpagina.


Yammaski.

 

[Naarling]

Erm, ja. gewoon de versie die je met extra kleurtje wilt een extra class meegeven, en daar vervolgens de achtergrondkleur op toepassen. Vergeet niet, een element mag zoveel classes hebben als je zelf handig vindt.

 

[csshunter]

Klopt, maar een id mag maar 1 keer per pagina gebruikt worden. Vindt de html-validator eigenlijk ook.

Op de testpagina staat nu 2 keer de id="Naam" en 2x de id="Email" (en idem dito voor de bijbehorende name="...").

Als je ze corrigeert naar id="Naam1" en id="Naam2" (met name="Naam1" en name="Naam2"), en ook zo voor de Email-inputs, dan kan je de focus alleen op het eerste koppel loslaten, en hoeft er geen extra class aan te pas te komen:

[SIZE=3][FONT=Trebuchet MS]#Naam1:focus, 
#Email1:focus {
    background-color: #EFEFEF;
    border: 1px solid #8BC53F;
}[/FONT][/SIZE]

Met vriendelijke groet,
CSShunter

 

[yammaski]

Is gefixed ... zie testpagina

... weeral wat opgestoken ! :thumb:


Bedankt,
Yammaski.