login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Element uitsluiten van css

Offline shamrock - 14/05/2011 09:40
Avatar van shamrockLid Hallo,

Ik gebruik in een standaard css file de classes om input velden etc een style te geven.

Dit werkt.
Nu heb ik voor 1 input veld geen style nodig. (niet een andere maar hij moet gewoon geen style gebruiken).

Kan ik dit ene input veld uitsluiten van css?

Bedankt

4 antwoorden

Gesponsorde links
Offline WouterJ - 14/05/2011 12:29
Avatar van WouterJ HTML gevorderde Er zijn 2 mogelijkheden:
1) Je wilt alle type's wat laten doen (submit, button, text, password, enz.), behalve 1 type.
2) Je wilt 1 bepaalde inputveld uitsluiten die gelijk is aan de ander qua type.

In geval 1 heb je 2 mogelijkheden: Via [type=button] kun je elk element selecteren met de attribute type die button is. Je kan hiermee alle type's selecteren behalve jou type, of gewoon eerst alle inputs iets laten doen en dan vervolgens apart voor die ene type de style weer op 0 zetten. Bijv.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. form input
  2. {
  3.   margin: 10px;
  4.   border: 2px solid green;
  5. }
  6. form input[type=button]
  7. {
  8.   margin: 0;
  9.   border: 0;
  10. }


In geval 2 heb je 1 mogelijkheid. Geef dat ene inputveld een id of class mee. (Voorkeur id, maar als er meerdere zijn moet je class gebruiken) en zet daarop alle style op 0. Voorbeeld:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. form input
  2. {
  3.   margin: 10px;
  4.   border: 2px solid green;
  5. }
  6. form input#noStyle
  7. {
  8.   margin: 0;
  9.   border: 0;
  10. }
Offline Martijn - 16/05/2011 18:33
Avatar van Martijn Crew PHP maar dat is al verkeerd, want een input heet standaard iets van 2px padding ;)

Wat jij wilt kan niet, tenzij je alle andere inputs een class geeft en alleen die class opmaakt. Je zou nog kunnen kijken wat er gebeurd als je alles op 'auto' zet, anders moet je het toch met de hand doen
Offline mathiasB - 17/05/2011 16:00
Avatar van mathiasB HTML interesse Kijk eens naar de "not" selector van Css.
Bv.:
stel dat je alle divs wil aanspreken buiten de div # container:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div:not(#container) {
  2.    color: blue;
  3. }

(in IE wordt dit enkel vanaf versie 9 ondersteund)
Offline Martijn - 18/05/2011 18:19
Avatar van Martijn Crew PHP vanaf IE9, dus niet acceptabel ;)
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s