[CSS] radio géén style meegeven, hoe???

[Verwijderd]

Hallo ik heb de volgende regel in CSS:

input { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; background-color: #cccccc; border: 1px #000000 solid}

Deze zorgt ervoor dat textvelden ed. een CSS style krijgen.
Maar ook de radiobuttons van mijn poll krijgen deze lay-out!

Hoe deze buiten de CSS laten vallen? Moet ik dan alles in classes zetten? of is er nog een praktischere oplossing?

Mvg

[Verwijderd]

Classes, imho ís dat praktisch magoe, dát is wel de manier om het op te lossen jah...

[Verwijderd]

dus dan wordt het zo:

td.input of div.input toch?!

en dan steeds

<td class="input"></td>

Div lijkt me handiger dan, niet?!

[Bosmonster]

nee

input.myclass

en dan

<input type=text class=myclass>
<input type=radio>

[Verwijderd]

Ga strax proberen,

Bedankt voor de replies!

[Willem]

En als je een class hebt opgegeven voor <input> dan kun je ook nog een "foo" class aanmaken voor de radiobuttons:

code:

.foo {
}

en dan in je HTML

code:

<input type="radio" class="foo">

HTH

[Dennis]

Op dinsdag 19 februari 2002 14:59 schreef willem169 het volgende:
En als je een class hebt opgegeven voor <input> dan kun je ook nog een "foo" class aanmaken voor de radiobuttons:

code:

.foo {
}

en dan in je HTML

code:

<input type="radio" class="foo">

HTH

Doe het dan gelijk goed!
Géén class meegeven maar de selector meteen zo:

code:

input[type="radio"]
{
  <!-- hier je css -->
}

[Bosmonster]

input[type="radio"]
{
<!-- hier je css -->
}

Doe het dan gelijk helemaal goed:

code:

input[type="radio"]
{
  /* hier je css */
}

<!-- --> is geen geldige CSS-comment, maar /* */

[Verwijderd]

Op dinsdag 19 februari 2002 16:20 schreef ddc het volgende:

code:

input[type="radio"]
{
  <!-- hier je css -->
}

Helaas is er volgens mij geen != selector in CSS

[RRX]

Op dinsdag 19 februari 2002 16:20 schreef ddc het volgende:

[..]

Doe het dan gelijk goed!
Géén class meegeven maar de selector meteen zo:

code:

input[type="radio"]
{
  <!-- hier je css -->
}

Hmm, leuk dat over dit "probleempje" een keer word gediscusseerd

ik heb het nu zo gedaan:

code:

input[type="text"]{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #075178;
    background-color: #FCDB00;
    padding : 0px 0px 0px 0px;
    margin : 0px 0px 0px 0px;
    font-weight : bold;
}

alleen het werkt niet in IE6 (wel in mozilla )

[Willem]

Bosmonster:

Doe het dan gelijk helemaal goed:

code:

input[type="radio"]
{
  /* hier je css */
}

<!-- --> is geen geldige CSS-comment, maar /* */

rofl

[Dennis]

Bosmonster for president
Overigens: Cheatah: ik heb nog speciaal gekeken maar zelfs in CSS3 zit het er niet in

[Verwijderd]

ik kom er niet helemaal uit:

css:
input[type="radio"] { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
Select { background-color: #C0C0C0; color: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; border: 1; font-weight: bold; border-color: #000000}
input[type="text"] { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; background-color: #cccccc; border: 1px #000000 solid}
textarea { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold;

ik heb dus textvelden en radiobutton op 1 pagina.
Als ik doe:
input[type="radio"] en input[type="text"] is er helemaal geen CSS lay-out...

als ik doe:
input[type="radio"] en input is er wel CSS, helaas ook voor de radiobuttons!?

Iemand nog iedeeen?!

[Verwijderd]

Niemand?

[Verwijderd]

Een oplossing die volgens mij al is gegeven:

maak er .blabla ipv input, en hang aan de form elements die je gestyled wilt hebben het volgende:

<input type="text" class="blabla">

[Verwijderd]

ja kdacht dat het andersom kon door
.class te maken voor items die niet gestyled hoeven te worden?!

[Willem]

loaded:
ja kdacht dat het andersom kon door
.class te maken voor items die niet gestyled hoeven te worden?!

Begrijp je jezelf nog wel ?
Je wilt een HTML element niet stylen. De rest van de (bv input) elementen is wel gestyled. Wat doe je? Maak een class met niets erin, en klaar is Kees.

[Verwijderd]

Op zondag 24 februari 2002 19:51 schreef loaded het volgende:
ja kdacht dat het andersom kon door
.class te maken voor items die niet gestyled hoeven te worden?!

Ik had al gesteld dat dat niet bestaat, en ddc heeft dat bevestigd.

CSS is voorlopig alleen 'cascading', dus styles over elkaar heen gooien. Uitzonderingen maken is (nog) niet mogelijk. Misschien is het iets voor CSS4 ofzo

Jammer, want ik zou het ook graag willen.

[RRX]

Op zondag 24 februari 2002 15:13 schreef Cheatah het volgende:
Een oplossing die volgens mij al is gegeven:

maak er .blabla ipv input, en hang aan de form elements die je gestyled wilt hebben het volgende:

<input type="text" class="blabla">

die oplossing heb ik ook geprobeerd ik vermelde alleen even dat

code:

input[type="radio"]

het wél in mozilla werkte en níet in IE6