Non importa quello che faccio, utilizzando Mac OSX 10.9.2 e Chrome versione 33.0.1750.152, padding, background-color, non funziona. Sto solo volendo applicare uno padding-top e di 5px su un elemento select, funziona ovunque su Chrome su un MAC OSX. Cosa dà? Come farlo globalmente su tutte le piattaforme ??Come applicare CSS a un Chrome Mac Select Box?
È necessario applicare -webkit-appearance:none; quando si aggiunge il CSS per selezionare gli elementi nei browser Webkit.
aggiungere la seguente proprietà per il vostro prescelto nel file css:
-webkit-appearance:none;
Ok, ma io vuoi la freccia nella casella di selezione, ma vuoi solo il padding aggiunto. '-webkit-appearance: none' rimuove la freccia per la casella di selezione, ma come recuperarla? –
@ Almog_0 answer risolvono il problema con la freccia. – Mike
Non c'è migliore opzione per realizzare un disegno naturale:
height:30px;
background:#ffffff;
ps
La risposta del vettore è nascondere le frecce sul lato destro.
Oh wow, quindi il padding non funziona, ma l'altezza e il bordo fanno ?! Sembra molto arbitrario .. – Erfan
Wow, questo vale anche per altri browser? O solo Chrome? Voglio dire, anche altri browser hanno un prefisso per questo? –
Ok, ma voglio la freccia nella casella di selezione, ma voglio solo il padding aggiunto. '-webkit-appearance: none' rimuove la freccia per la casella di selezione, ma come recuperarla? –
Si potrebbe utilizzare un tutorial immagine di sfondo http://bavotasan.com/2011/style-select-box-using-only-css/ – Vector