2009-06-17 16 views
5

A continuación es en la hoja de estilobotones de opción desaparecen en IE y cromo

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%;} 

La continuación es en html

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

Es perfecto en Firefox, pero el cromo y el IE no se muestran los botones de radio? ¿Porque?

+0

no puedo decir si tal vez no copiar/pegar el código correctamente, pero su td no está closted correctamente y tiene una espacio en el margen izquierdo – Geoff

+0

es un error de copiar y pegar - perdón – dhaval

Respuesta

7

Es porque usted ha dicho el botón de radio a 0% de altura - que es 0px - que no está allí.

Puede anular esta contando la altura y la anchura de ser 'auto' que se restablecerá ellos (a menos que haya una norma que es más específico en otra parte de la hoja de estilo)

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

sí, eso funciona , quería anular la regla de selección genérica ya que era todo incluido y la entrada ['texto'] no funcionaba bien, thx tanto – dhaval

+0

entrada ['text'] no es un selector de CSS válido, creo que quiso decir para usar el 'selector de atributos', que sería entrada [tipo = texto] - pero eso no funciona en IE6, por lo que depende de usted tomar una decisión sobre si desea admitir IE6 o no :) – iblamefish

1

¿Por qué tiene una altura y un ancho especificados de 0% para ellos? Supongo que es por eso que IE y Chrome no muestran el botón de radio porque tienen un tamaño de 0 píxeles.

3

Supongo que es el "ancho: 0%; altura: 0%" en su clase input.myradio. necesitas un ancho y alto

Prueba esto:

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

anulando la regla de selección genérica que no es adecuada para la radio y dando un ancho manual en% o em o px no funciona, no sé por qué pero funciona automáticamente – dhaval

+0

sí, el auto es más correcto, gracias – jlarson

-2

Usted necesita poner su botón de radio dentro de <form> etiqueta y aparecerá en Chrome e IE:

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

Doesn No funciona en Chrome, no es la solución. – Alex2php

Cuestiones relacionadas