| Autor | Zpráva | ||
|---|---|---|---|
| jirkasak15 Profil |
#1 · Zasláno: 15. 10. 2011, 22:09:07
Ahoj, nejde nějak udělat, popřípadě jak, nastylování checkboxu jen s pomocí HTML a CSS a to tak že úplně ... mám na mysli např. že se budou přepínat dva obrázky jako:
 => 
|
||
| YOYO Profil |
#2 · Zasláno: 15. 10. 2011, 22:16:01 · Upravil/a: YOYO
částečné stylování je možné třeba v opeře,.. se stylováním formulářů je dost problém viz třeba http://swatelier.info/at/formulare/. ale můžeš si pomoct javascriptem, checkbox schovat a při jeho změně měnit obrázek,..
|
||
| jirkasak15 Profil |
#3 · Zasláno: 15. 10. 2011, 22:32:39 · Upravil/a: jirkasak15
a tim JS se to dělá jak? a funguje ve všech prohlížečích?
|
||
| YOYO Profil |
#4 · Zasláno: 15. 10. 2011, 23:21:10 · Upravil/a: YOYO
Je víc, více či méně podobných, možností,.. třeba nějak takto:
<style>
input[type="checkbox"] {visibility: hidden;}
label{display: block;width: 30px;height: 30px;cursor: pointer;}
label.on {background: url(on.png) }
label.off {background: url(off.png)}
</style>
</head>
<body>
<label class=off>
<input type="checkbox" onclick="this.parentNode.className=this.checked?'on':'off'" />
</label>
</body>
podporu tohoto konkretního příkladu ve všech browserech nezaručuji, ale určitě to lze udělat tak, aby to šlo v každém browseru se zaplnutým javascriptem |
||
| margin Profil * |
#5 · Zasláno: 16. 10. 2011, 00:26:48
input[type="checkbox"] {position: absolute; z-index: -1;}Pak ti to bude fungovat i v nových IE a bude to použitelné i při vypnutých obrázcích. Atributový selektor nefunguje v IE6, můžeš checkbox odlišit třídou, třeba takto: .off input, .on input {position: absolute; z-index: -1;} |
||
|
Časová prodleva: 13 let
|
|||
0