Sprawdzić http://demo.neeraj.name/admin_data zarówno w Chrome, jak i Firefox. W przeglądarce Firefox pole wyboru ma dużą wysokość. W Chrome wysokość skrzynki wyboru jest bardzo mała.
Jak sprawić, by zaznaczone pole chrome i safari wyglądało jak rozwijane menu wyboru Firefoksa?
Odpowiedzi:
146 dla odpowiedzi № 1Już wcześniej natknąłem się na ten problem
Ustawienie wysokości elementu select działa poprawnie w webkicie w systemie Windows, ale nie działa na webkicie na komputerze Mac.
Jeśli ustawisz atrybut css
-webkit-appearance: menulist-button;
Umożliwi to prawidłowe działanie wysokości na aMac, ale tworzy dziwne czarne obramowanie w oknach. Możesz dostosować obramowanie, ustawiając właściwość graniczną css, ale zmienia to wygląd wszystkich przeglądarek, które pozwalają na stylowanie wybranych granic, a nie tylko na webkit.
W tym momencie poddałem się, ale mam nadzieję, że jest to dobry punkt wyjścia, jeśli chcesz dalej zbadać.
31 dla odpowiedzi nr 2
Zwiększyć line-height
.
17 dla odpowiedzi nr 3
wysokość nie działa na Safari, chyba że masz także tło zestaw. Jeśli ustawisz tło, możesz stracić rozwijane strzałki w przeglądarce Safari w systemie Windows. Wygląda na to, że stylizacja postaci została rozwiązana z problemami.
8 dla odpowiedzi № 4
użyj właściwości granicy css. ustaw zaznaczoną ramkę na zero lub 0. granica: brak; doskonale pokazuje chrom i safari w mac os
7 dla odpowiedzi № 5
Odpowiedź @Chi jest poprawna. Innym szybkim hackiem jest dodanie obramowanego stylu CSS:
Wybierz { border: 1px solid #CCC }
Oba wyzwalają właściwość -webkit-wygląd: menulist-button z dodatkową korzyścią usunięcia brzydkiej czarnej granicy :).
2 dla odpowiedzi № 6
Użyłem jQuery combobox dla tego.
Dzięki temu możesz ustawić wysokość niezbędnych klas CSS na wysokość, na której ma być wybrane pole wyboru.
1 dla odpowiedzi № 7
Możesz także zwiększyć rozmiar czcionki, aby pomóc w wysokości. Myślę, że Safari Mac pokazuje rozmiar czcionki do 16px. Przynajmniej dostaje większy region kliknięcia.
1 dla odpowiedzi № 8
Posługiwać się Wysokość linii na safari działa.
0 dla odpowiedzi № 9
Przykładowa strona działa w Google Chrome 4 i Safari 4
0 dla odpowiedzi № 10
Po prostu ustaw właściwość height. wysokość linii działała w Safari w systemie Windows, ale nie w systemie Mac. wysokość pracowała na obu.