[html] style wijzigen van button die is diabled

[Verwijderd]

Ik heb een probleem :

Ik heb een form met drie dropdownmenuutjes. er moet een keuze gemaakt worden in alle drie de menuutjes anders kan er niet op de knop geklikt worden. Nu wil ik dus een style koppelen aan de gedisablede knop, maar dat werkt niet. Is dat sowieso mogelijk en zo ja hoe???

edit:

html moet eigenlijk css zijn in de titel

[BtM909]

Hoe bedoel je stijl wijzigen, wanneer ? Nadat er een optie geselecteerd is in de dropdownmenuutjes?

Of meteen vanaf het begin al?

[Verwijderd]

Volgens mij moet het zo kunnen:

Cascading Stylesheet:

input[disabled] {
    color:#000000;
}

Maar ik weet niet welke browsers dit ondersteunen...

[Verwijderd]

Vanaf het begin al.

mn button is dus bij het openen van de pagina al gedisabled via JS omdat er dan dus nog geen keuze gemaakt is in de menuutjes. Als er wel die drie keuze's zijn gemaakt dan wordt de knop op enable gezet en moet hij een andere stijl krijgen.

Oftewel er moet een aparte style komen voor disabled en enabled

[Verwijderd]

Dit werkt helaas niet:

Verwijderd schreef op 19 september 2002 @ 14:49:
Volgens mij moet het zo kunnen:

Cascading Stylesheet:

input[disabled] {
    color:#000000;
}

Maar ik weet niet welke browsers dit ondersteunen...

[Verwijderd]

misschien is DIT wat voor je!

[Verwijderd]

Dat is alleen maar om de knop te disablen en dat is het probleem niet...

Het gaat mij er om of je volledig de style van een disablede knop kan aanpassen aan mijn eigen kleurtjes

[Verwijderd]

Ik weet niet zeker of de geposte code inderdaad de goede syntax was, maar ik geloof dat alleen Opera dit gebruik van CSS op dit moment ondersteunt. Je hebt er waarschijnlijk dus sowieso weinig aan

[crisp]

Verwijderd schreef op 19 september 2002 @ 17:11:
Ik weet niet zeker of de geposte code inderdaad de goede syntax was, maar ik geloof dat alleen Opera dit gebruik van CSS op dit moment ondersteunt. Je hebt er waarschijnlijk dus sowieso weinig aan

pseudo-classes was toch zo:

code:

input[type=button]:disabled {
  color: #808080;
}

* crisp gaat ff testen in Mozilla...

Edit: nee, moet toch zo:

code:

input[type=button] {
  color: #ff0000;
}
input[type=button][disabled] {
  color: #00ff00;
}

dit werkt dus in Mozilla ook; toch vind ik 'disabled' meer een state dan een property en had dus een pseudo-class verwacht.

Voor topicstarter: volgens mij kan je beter met plaatjes en javascript gaan werken...

[Verwijderd]

Ik ben er ook bang voor. Het had leuk geweest als het had gekunt....

In iedergeval bedankt.