Newsgroup: it.comp.www.html
Titolo: Bug di Mozilla?

In una pagina html ho impostato questo stile:
INPUT {
 -moz-user-input: disabled;
 -moz-user-focus: ignore;
 background: Lime;
 margin: 0px 0px 0px 0px;
 cursor: default;
}
La pagina contiene un input di tipo text ed uno di tipo checkbox.
L'input di tipo text si comporta correttamente (viene disabilitato, lo
sfondo diventa "verdino", ...) invece l'input di tipo checkbox "capisce" di
avere i margini a zero pixel ma tutti gli altri attributi non vengono
considerati (rimane con il suo solito sfondo, editabile, ...)
Come mai i checkbox si comportano cosě?
E' un baco del browser? (l'ho provato con Mozilla Firebird e con Mozilla)
Eppure gli attributi sono esattamente gli stessi che sono utilizzati dal
browser quando trova un input disabilitato! (vedi
http://lxr.mozilla.org/seamonkey/source/layout/html/document/src/forms.css#261
)
Grazie dell'aiuto.
    Andrea


perchč i checkbox non sono un verio e proprio "campo" da editare, e 
anche se lo fossero non puoi pretendere che funzioni un attributo non 
standard e ufficialmente usato solo per lo sviluppo (o sbaglio?)
-- 
Yum! E' anche meglio se usate la crema di formaggio invece del tofu. E
zucchero. Un sacco di zucchero. E uova e burro: non dimenticate il burro.
Jeffrey Zeldman - Designing with web standards

standard e ufficialmente usato solo per lo sviluppo (o sbaglio?)
A quanto sembra puoi impostare gli attributi dei checkbox che non sono
definiti come "important" in:
http://lxr.mozilla.org/seamonkey/source/layout/html/document/src/forms.css#261
)
Ad esempio questo funziona:
<style>
input[type="checkbox"]{
 margin: 22px 22px 22px 22px;
 width: 30px;
 height: 30px;
}
</style>
Attributi come background-color sono definiti come "important" e
quindi non riesci a modificarli.
Sviluppando il codice per Mozilla se si vuole avere un controllo
completo e' meglio passare da HTML a XUL, in questo modo si puo'
impostare tutto quello che si desidera.
Per esempio:
file testxul.xul:
<?xml version="1.0"?>
<?xml-stylesheet href="testxul.css" type="text/css"?>
<window id="test"
xmlns="
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul
"
    title="test">
<vbox id="box1" class="box" maxwidth="400px" minheight="200px">
<spacer flex="2"/>
<hbox flex="1">
<spacer flex="2"/>
<label id="lab1" class="lab" value="Checkbox"  flex="1"/>
<spacer flex="1"/>
<checkbox id="ch1" class="check">
 <image class="checkbox-check"/>
 <hbox class="checkbox-label-box">
  <label id="lab2" class="checkbox-label" value="test"/>
 </hbox>
</checkbox>
<spacer flex="2"/>
</hbox>
<spacer flex="2"/>
</vbox>
</window>
file testxul.css:
@namespace
url("
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul
");
..lab{	
 font-family: Arial, Helvetica, sans-serif;
 font-size: 21px;
 color:black;
 background-color:green;
 max-width:100px;
}
..box{
 color:white;
 background-color:black;
 border: 2px solid #dCdCdF;
}
..check{
 -moz-appearance: checkbox-container;
 -moz-box-align: center;
 background-color: green;
 color:yellow;
 max-width:100px;
 max-height:100px;
 border:3px solid white;
 margin: 4px 4px 4px 4px;
 padding: 4px;
 cursor: default;
}
..checkbox-label-box {
  margin-left: 2px;
  border: 1px solid White;
  background-color:#a0a0ff;
}
..checkbox-label {
  color:black;
  font-size:12px;
}
..check:focus > .checkbox-label-box {
  border: 2px dotted #ffaaff;
}
..check[disabled="true"] > .checkbox-check {
  background-color: White;
}
..checkbox-check {
  -moz-box-align: center;
  border: 2px solid blue;
  background-color: #a9b1c3;
  list-style-image: url("./Graphics/emptycheck.gif");
}
 
..check:hover > .checkbox-check {
  background-color: #fafa04;
}
..check[checked="true"] > .checkbox-check {
  list-style-image: url("./Graphics/setcheck.gif");
  background-color: #99ff91;
}
..check[checked="true"][disabled="true"] > .checkbox-check {
 list-style-image: url("./Graphics/emptycheck.gif");
}
'bye