webForumDet fria alternativet
Logga in / Bli medlem

Angående internet explorer och border på checkbox

HTML & CSS

3 svar · 406 visningar · startad av CatZ

Medlem sedan jan. 20022 440 inlägg
Trådstart#1

För min egen smidighets skull har jag satt "border" på alla mina inputs och justerat font osv. Det är jättesmidigt men till min förskräckelse upptäckte jag i helgen att internetexplorer även lägger till en kant runt checkboxar och radiobuttons.

Kan man styra upp det på ett "enkelt" sätt? Jag skulle ju kunna göra en klass till input och en till radio/check. Har försökt att ange som följer och inte fungerar:

<input type="checkbox" style="border:none" />
Medlem sedan mars 20041 505 inlägg
#2

Egentligen så finns det ett enkelt sätt, nämligen med hjälp av attribute selectors:

input { border: 1px dotted pink; }
input[type="checkbox"] { border: none; }

Men IE6 sätter käppar i hjulet tyvärr.
Det enda smidiga sättet att ange specifika egenskaper för olika typer av inputs är att använda sig av classer.

Medlem sedan feb. 20041 816 inlägg
#3

För IE kanske du kan använda IE-specifika expressions?

Typ

input { 
	border: expression(this.type == "checkbox" ? 'none' : this.type=="radio" ? 'none' : 'default'); 
}
Medlem sedan jan. 20022 440 inlägg
#4

Den fungerade rätt av! Tack ska du ha :)

254 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)