Nie ma znaczenia, co robię, używając Mac OSX 10.9.2 i Chrome w wersji 33.0.1750.152, padding, background-color, nic nie działa. Naprawdę chcę tylko zastosować padding-top i padding-bottom z 5px na elemencie select, działa wszędzie tam, gdzie Chrome na MAC OSX. Co daje? Jak to zrobić globalnie na wszystkich platformach?Jak zastosować CSS do komputera Mac Chrome Wybierz skrzynkę?
Musisz zastosować -webkit-appearance:none; podczas dodawania CSS, aby wybrać elementy w przeglądarkach webkit.
Dodaj następującą właściwość do Twojego wybierz w pliku css:
-webkit-appearance:none;
OK, ale ja chcesz strzałkę w polu wyboru, ale po prostu chcesz dodać dopełnienie. '-webkit-appearance: none' usuwa strzałkę w polu wyboru, ale jak ją odzyskać? –
@ Almog_0 odpowiedź naprawić problem ze strzałką. – Mike
Jest lepszym rozwiązaniem, aby osiągnąć naturalny wygląd:
height:30px;
background:#ffffff;
ps
Odpowiedzią wektorową jest ukrywanie strzałek po prawej stronie.
Och, wow, więc wyściółka nie działa, ale wysokość i granica to robią ?! Wydaje się bardzo arbitralne ... – Erfan
Wow, czy to dotyczy również innych przeglądarek? A może po prostu Chrome? Mam na myśli, czy inne przeglądarki mają również przedrostek? –
OK, ale chcę, aby strzałka w polu wyboru, ale po prostu chcesz dodać dopełnienie. '-webkit-appearance: none' usuwa strzałkę w polu wyboru, ale jak ją odzyskać? –
Możesz użyć obrazu tła TUTORIAL http://bavotasan.com/2011/style-select-box-using-only-css/ – Vector