2009-06-17 24 views
5

poniższej jest w arkuszu stylówprzyciski radiowe znikają w IE i chrom

select,input ,td a {border:1px solid green; width:25%;height:25px;font-size:20px;margin- left:.1em;} 
input.myradio {border:none;width:0%;height:0%;font-size:0%;} 

Poniżej jest html

<td><input class="myradio" type="radio" name="poolstatus" value="Add">Add</input><td> 

Jest to idealne rozwiązanie w Firefox, ale chrom i IE nie wyświetla przyciski radiowe? Dlaczego tak?

+0

nie mogę powiedzieć, czy być może nie kopiuj/wklej kod poprawnie, ale twój td nie jest prawidłowo closted i masz spacja na marginesie-lewo – Geoff

+0

to jej wklej literówka - przepraszam – dhaval

Odpowiedz

7

To dlatego, że powiedziano przycisk radiowy być 0% wzrostu - co jest 0px - co nie ma.

można zmienić poprzez mówienie wysokość i szerokość, aby być „Auto”, który będzie je zresetować (o ile nie jest to reguła, która jest bardziej szczegółowy gdzieś indziej w arkuszu stylów)

input.myradio { 
    border:none; 
    width:auto; 
    height:auto; 
} 
+0

tak, działa , chciałem nadpisać regułę wyboru generycznego, ponieważ było to all inclusive i input ["text"] nie działał dobrze, thx tak wiele – dhaval

+0

input ['text'] nie jest prawidłowym selektorem CSS, myślę, że chodziło Ci o używać "selektora atrybutu", który byłby wejściowy [typ = tekst] - ale to nie działa w IE6, więc to do ciebie należy decyzja, czy chcesz wspierać IE6 czy nie :) – iblamefish

1

Dlaczego dla nich podano wysokość i szerokość 0%? Zgaduję, że dlatego IE i Chrome nie wyświetlają przycisku radiowego, ponieważ mają rozmiar 0 pikseli.

3

Moje przypuszczenie to "width: 0%; height: 0%" w klasie input.myradio. potrzebujesz szerokości i wysokości.

Spróbuj tego:

input.myradio {border:none;width:1em;height:1em;} 
+0

to przesłonięcie ogólnej reguły wyboru, która nie jest odpowiednia dla radia i podanie ręcznej szerokości w% lub em lub px nie działa, nie wiem dlaczego, ale działa automatycznie – dhaval

+0

tak, auto jest bardziej poprawne, dzięki – jlarson

-2

Trzeba umieścić swoje przycisk radiowy w ciągu <form> tagu i pojawi się w Chrome i IE:

<form><input type="radio" /></form> 
+0

Doesn Działają w chrome, to nie jest rozwiązanie. – Alex2php