I test cross-browser mi fanno venire il mal di testa nel migliore dei casi, ma questo mi ha davvero bloccato. Ho sviluppato il mio sito web in Google Chrome (e su un Mac), e ha recentemente aggiornato la funzione di ricerca e re-styled l'area di input di ricerca.
Ho notato che quando eseguivo i controlli cross-browser in Internet Explorer, il testo nell'input di ricerca nell'angolo in alto a destra del sito Web non era posizionato nello stesso modo in cui si trova su Chrome.
Nella mia versione di Chrome, il testo è a 10px dal bordo sinistro della scatola, quindi è ben inserito. Su Internet Explorer, tuttavia, va contro l'egde of the box.
Ecco il problema: quando ho aperto il mio sito web in Chrome su un PC il testo nell'input è stato posizionato nello stesso modo in cui appare in IE.
Presumo che ciò sia dovuto al fatto che Chrome sul mio Mac è una versione diversa rispetto a quella presente sul PC. Qualcuno può aiutarmi a risolvere questo in modo che il testo si trova bene su questi browser?
Puoi vedere il mio sito qui a http://tinyurl.com/8uaajmz
Grazie in anticipo a tutti!
risposte:
0 per risposta № 1La regola CSS per # search_bar_2 ha un _ all'inizio del nome per cambiarlo in:
text-indent:10px !important;
e stai bene, non un problema con il browser incrociato è un errore di battitura.