2009-06-17 5 views
5

Il sotto è in foglio di stilepulsanti di opzione scompaiono in IE e Chrome

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

Il sotto è in formato HTML

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

È perfetto in Firefox, ma Chrome e IE non stanno mostrando i pulsanti di scelta? Perchè così?

+0

non posso dire se forse non hai copia/incolla il codice correttamente, ma il vostro TD non è closted correttamente e si dispone di un spazio in margine sinistro – Geoff

+0

è un errore di copia copia - scusa – dhaval

risposta

7

È perché hai detto il pulsante di scelta per essere alto 0% - che è 0px - che non c'è.

È possibile ignorare questa raccontando l'altezza e la larghezza di essere 'auto' che li reset (a meno che non ci sia una regola che è più specifico da qualche altra parte nel foglio di stile)

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

sì, funziona , volevo scavalcare la regola della selezione generica in quanto era tutto compreso e l'input ['testo'] non funzionava bene, grazie mille – dhaval

+0

input ['text'] non è un selettore CSS valido, penso che tu intendessi per usare il 'selettore di attributi', che verrebbe inserito [tipo = testo] - ma che non funziona in IE6, quindi sta a te decidere se vuoi supportare IE6 o meno :) – iblamefish

1

Perché per loro è stata specificata un'altezza e una larghezza dello 0%? Suppongo che sia per questo che IE e Chrome non mostrano il pulsante di opzione, perché hanno una dimensione di 0 pixel.

3

La mia ipotesi è "larghezza: 0%; altezza: 0%" nella classe input.myradio. hai bisogno di una larghezza e altezza.

Prova questa:

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

sovrascrive la regola di selezione generica che non è adatta per la radio e dà una larghezza manuale in% o em o px non funziona, non so perché ma funziona automaticamente – dhaval

+0

sì, auto è più corretto, grazie – jlarson

-2

Hai bisogno di mettere la vostra pulsante di scelta all'interno di <form> tag, che appaiono in Chrome e IE:

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

Doesn lavorare in chrome, non è la soluzione. – Alex2php

Problemi correlati