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:
<html>
<head>
<title>about:blank</title>
<script language="javascript1.2">
<!-- copyright(c) avcoh##kukac##yahoo.com
function setCheck(obj, sIDInput)
{
if (obj.checked)
     {
          obj.firstChild.innerHTML = ""
     }
     else
     {
          obj.checked = false; //Initiate value with false;
          obj.firstChild.innerHTML = "a"
     }
obj.document.getElementById(sIDInput).value = obj.checked;
obj.checked =!obj.checked;
}
-->
</script>
<style>
.checkbox
{
font-family:webdings;
position:relative;
font-size:18px;
color:#333399;
top:-4;
left:-2px;
}
.checkbox_wrapper
{
width:15px;
height:15px;
overflow:hidden;
border:1px solid red;
cursor:hand;
}
</style>
</head>
<body>
<form>
<div class="checkbox_wrapper" onclick="setCheck(this, 'check1')"><span class="checkbox"></span></div>
<br>
<div class="checkbox_wrapper" style="border-width:1px;" onclick="setCheck(this, 'check2')"><span class="checkbox"></span></div>
<input type="text" name="check2" id="check2">
<input type="text" name="check1" id="check1">
</form>
</body>
</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:)