ugrás a tartalomhoz

Saját checkbox designom nem megy IE-ben

breakline · 2006. Már. 10. (P), 18.47
Üdv!

Egy adott oldalon checkboxokat használva, és megadva nekik css-ben a designt, az Opera szépen mutatja, ahogy kell, de az Explorer megtartja az eredeti border-t és melléteszi az újat. Ezt nem lehet kikapcsolni valahogy? Ez volt a css-ben:

border:1px solid black;width:13px;height:13px

bocs a furcsa megfogalmazásért:)
kösz
üdv
BL
‹ Keret beállítása ul-nek CSS-sel FFox lenyeli aképem alját ›
 ■
1

Nézz körül!!!

PogiG · 2006. Már. 10. (P), 19.59
A 2 perc guglizás után simán találtam egy megoldást:

http://www.google.co.hu/search?hl=hu&q=checkbox+border+none&meta=

Ha így sem megy:
  1. <html>  
  2. <head>  
  3. <title>about:blank</title>  
  4. <script language="javascript1.2">  
  5. <!-- copyright(c) avcoh##kukac##yahoo.com  
  6. function setCheck(obj, sIDInput)  
  7. {  
  8. if (obj.checked)  
  9.      {  
  10.           obj.firstChild.innerHTML = ""  
  11.      }  
  12.      else  
  13.      {  
  14.           obj.checked = false; //Initiate value with false;  
  15.           obj.firstChild.innerHTML = "a"  
  16.      }  
  17. obj.document.getElementById(sIDInput).value = obj.checked;  
  18. obj.checked =!obj.checked;  
  19. }  
  20. -->  
  21. </script>  
  22. <style>  
  23. .checkbox  
  24. {  
  25. font-family:webdings;  
  26. position:relative;  
  27. font-size:18px;  
  28. color:#333399;  
  29. top:-4;  
  30. left:-2px;  
  31. }  
  32. .checkbox_wrapper  
  33. {  
  34. width:15px;  
  35. height:15px;  
  36. overflow:hidden;  
  37. border:1px solid red;  
  38. cursor:hand;  
  39. }  
  40. </style>  
  41. </head>  
  42. <body>  
  43. <form>  
  44. <div class="checkbox_wrapper" onclick="setCheck(this, 'check1')"><span class="checkbox"></span></div>  
  45. <br>  
  46. <div class="checkbox_wrapper" style="border-width:1px;" onclick="setCheck(this, 'check2')"><span class="checkbox"></span></div>  
  47. <input type="text" name="check2" id="check2">  
  48. <input type="text" name="check1" id="check1">  
  49. </form>  
  50. </body>  
  51. </html>  
2

Ajánlom magamat!

Adam · 2006. Már. 11. (Szo), 16.16
Szia!

Párszor már előfodtult itt a wl-en a saját checkbox / radiobutton használata, mivel ezek formázására nem sok lehetőséget adnak a böngészők -- joggal / jogtalalnul, mindenki döntse el maga. Ezért csináltam egy scriptet, amivel diszkrét módon meg tudod oldani a problémádat: http://blog.underconstruction.hu/2004/10/sajat-checkbox-valid-xhtml/

Üdv,
Ádám
3

focus - billentyűzet események

Hodicska Gergely · 2006. Már. 11. (Szo), 21.50
Szia!

Egy apró észrevételem lenne. Nem display:none-nal kéne eltüntetni, hanem SIFR (remélem jól írom) jelleggel elrakni balra messzire. Ennek az lenne a nagy előnye, hogy az elem képes lenne megkapni a fókuszt, így reagálna a billentyűzet eseményekre is. És ezt vizuálisan is meg lehetne jeleníteni.

Felhő
4

-

breakline · 2006. Már. 11. (Szo), 22.38
köszönöm mindenkinek, működik:)