disabled atribut nefunguje se styly abicka

Zjistil jsem, ze kdyz dam elementu input atribut disabled, tak se tak sice chova, ale nezmeni svuj vzhled. Je to dost matouci. Overil jsem si, ze je to zpusobeno nasimi styly, ale tam jsem nenasel nic podezrelo. Treba neco napadne vas.

<html><head>
 <link rel="stylesheet" type="text/css" href="http://www.abclinuxu.cz/styles.css"></head>
<body>
 <form>
  <input type="submit" id="submitButton" value="submit" disabled="true" />
 </form>
</body></html>

Zakladatel tohoto portálu. Twitter, LinkedIn, blog, StackOverflow

Odpovědi

Tu je problem:

input, select, textarea, .button, .editTags {
    background-color: #EEEEEE;
    color: black;
}

vyhodit alebo pridat input:disabled

2.1.2010 12:13 fraxinus | skóre: 20 | blog: fraxinus
Rozbalit Rozbalit vše Re: disabled atribut nefunguje se styly abicka

A mimochodom, disabled="true" ... to si asi robite srandu nie, nejaky novorocny vtip? Back to school!

2.1.2010 14:16 Andrej Herceg | skóre: 43
Rozbalit Rozbalit vše Re: disabled atribut nefunguje se styly abicka

Prečo?

2.1.2010 14:22 Leoš Literák | skóre: 74 | blog: LL | Praha
Rozbalit Rozbalit vše Re: disabled atribut nefunguje se styly abicka

Normálně používám disabled="disabled", ale toto je cutnpaste z nějakého cizího příkladu, navíc to fungovalo. Specku jsem nestudoval.

Zakladatel tohoto portálu. Twitter, LinkedIn, blog, StackOverflow

2.1.2010 19:09 Andrej Herceg | skóre: 43
Rozbalit Rozbalit vše Re: disabled atribut nefunguje se styly abicka

V HTML stačí atribút bez hodnoty ( Disabled controls).

3.1.2010 17:19 happy barney | skóre: 34 | blog: dont_worry_be_happy
Rozbalit Rozbalit vše Re: disabled atribut nefunguje se styly abicka

v HTML je disabled bez hodnoty (t.j. aj disabled="false" bude disabled). V XHTML je to definované ako disabled="disabled".

4.1.2010 19:53 Toman | skóre: 29 | blog: Tomanův blog | Kostelec nad Orlicí
Rozbalit Rozbalit vše Re: disabled atribut nefunguje se styly abicka

Přesně tak, hned jak jsem to viděl, tak jsem se zhrozil :-)

V XHTML bych to řešil takto:

<input type="text" disabled="disabled" ... />

A pak v CSS:

input[disabled="disabled"] {
}

Ale stejně si myslím, že by to mělo fungovat snad bez stylu. To na to nemá mít vliv, pokud je upraven styl pro input, aby to ovlivnilo i disabled.

Have you tried turning it off and on again? | tomaskavalek.cz | Google

To je tím, že obecný styl Abíčka pro vstupní box má přednost i před výchozím stylem pro disablovaný box. Nestylovat na Abíčku vůbec formuláře asi není řešení, takže se to dá vyřešit jedině nastylováním disabled prvků ve stylu Abíčka. Jedna možnost je použít CSS3 selektor input[disabled], který už funguje ve všech důležitých prohlížečích (nefunguje v MSIE 5.5), nebo generovat vedle atributu disabled do kódu ještě nějakou třídu a styl navázat na ni. Ale použil bych to CSS3, na MSIE 5.5 bych se už vykašlal, zvlášť když jde o takovouhle prkotinu.

Dotaz: disabled atribut nefunguje se styly abicka

Odpovědi