Non sono sicuro di cosa sta succedendo. Dovrebbe esserci una casella di controllo a sinistra di "Remember Me" e due test in basso per avere una bici, ho una macchina. Visualizzano in Firefox ma non in Chrome. Credo di avere un problema con i CSS ma non riesco a trovarlo? Qualcuno può aiutare, per favore?Caselle di controllo non visualizzate Chrome - Funziona con altri browser
Questa linea nel CSS:
-webkit-appearance: none;
Nella regola di stile per input, button, select, textarea sta rompendo le cose per voi.
Hai definito la regola di stile:
-webkit-appearance: none;
definiti per input, button, select, textarea, è necessario rimuoverlo e funzionerà.
Hai anche un errore JS nella console: Uncaught ReferenceError: containerz is not defined, dai un'occhiata.
Queste risposte sono già qui. Li hai appena combinati – underscore
Hai ragione Li ho visti quando lo post dopo la sessione di debug sul link ... –
Sto rispondendo a un livello più ampio a coloro che stanno eseguendo questo problema di caselle di controllo che non vengono visualizzate in Chrome. E sono stati diretti qui da Google. Si potrebbe anche avere questo problema in Safari poiché entrambi stanno attualmente utilizzando WebKit.
Abbiamo riscontrato questo problema sul nostro sito Web in cui le caselle di controllo e gli ingressi radio non venivano visualizzati correttamente. Ma lo aggiusta aggiungendo questo al nostro CSS.
input[type=checkbox]
{
-webkit-appearance:checkbox;
}
Ora funziona correttamente.
Come si può vedere, un altro sviluppatore aveva aggiunto -webkit-appearance: none; proprio come nel tuo caso. Nel nostro caso è stato perché avevo iniziato con un tema.
Ma per essere assolutamente sicuri che gli ingressi vengano visualizzati, è sicuro dichiarare tali regole nel CSS. In questa pagina ho inserito gli stili nel tag <style> (che non consiglio) ma ho preso lo screenshot mentre stavo ancora testando. La pratica migliore sarebbe quella di rimuovere gli stili in conflitto e aggiungere stili nella cartella appropriata.
Risorse aggiuntive:
https://css-tricks.com/almanac/properties/a/appearance/
https://davidwalsh.name/webkit-appearance
What is WebKit and how is it related to CSS?
Se si dà la larghezza 0px ad una casella di controllo in Firefox, sarete in grado di vedere, ma se si apre lo stesso codice in Chrome, la casella di controllo sarà invisibile.
Ho avuto lo stesso problema. Quando ho disabilitato l'estensione Ad-Block ha funzionato!
Quindi ho aggiunto un'eccezione a questo sito in Ad-Block.
Impostando il valore della casella di controllo per allineare ha lavorato per me
value="true"
Vi ringrazio entrambi.Ho rimosso quella linea ma ancora non si vede. Altre idee - o ho fatto un altro errore? – user1149620
Sei sicuro di aver rimosso quella linea? Quando controllo il tuo sito web, posso vedere che è ancora lì, e non appena lo spengo, vengono visualizzate le caselle di controllo .. –
Grazie - si scopre che il CSS non stava caricando correttamente. – user1149620