Pomoc pri programovaní, odpovede na otázky / css / Ako štandardizovať výšku výberového poľa medzi prehliadačom Chrome a prehliadačom Firefox? [zatvorené] - css

Ako štandardizovať výšku vybratého poľa medzi prehliadačom Chrome a Firefoxom? [zatvorené] - css

Odhlásiť sa http://demo.neeraj.name/admin_data v prehliadači Chrome aj v prehliadači Firefox. Vo Firefoxe má výberové pole veľkú výšku. V prehliadači Chrome je výška poľa výberu veľmi malá.

Ako nastavím výberové pole pre chróm a safari ako vybratý rozbaľovací zoznam Firefoxu?

odpovede:

146 pre odpoveď č. 1

Predtým som sa dostal do tohto problému

Nastavenie výšky elementu funguje na webkite v systéme Windows, ale na webkite v systéme Mac zlyhá.

Ak nastavíte atribút css

-webkit-appearance: menulist-button;

To umožní, aby výška pracovala správne na aMac, ale vytvára tento zvláštny čierny okraj na oknách. Hranicu môžete nastaviť nastavením vlastnosti css border, ale to zmení vzhľad vo všetkých prehliadačoch, ktoré vám umožňujú vybrať štýl ohraničení, nielen webkit.

V tomto bode som sa vzdal, ale dúfajme, že je to dobrý východiskový bod, ak chcete ďalej skúmať.

31 pre odpoveď č. 2

Zvýšte hodnotu line-height.

17 pre odpoveď č. 3

výška nebude fungovať na Safari, ak nemáte aj pozadie nastavený. Ak nastavíte pozadie, môžete stratiť rozbaľovacie šípky vo verzii Safari systému Windows. Opäť sa zdá, že tvarovanie je spojené s problémami.

8 pre odpoveď č. 4

používať vlastnosť css border. vyberte hranicu select na none alebo 0. border: none; dokonale zobrazuje v chróm a safari v Mac OS

7 pre odpoveď č. 5

Odpoveď @Chi je správna Ďalším rýchlym hackom je pridanie hraničného štýlu CSS:

vyberte { hranica: 1px pevná #CCC }

Obaja spúšťajú vlastnosť -webkit-vzhľad: menulist-button s pridanou výhodou odstránenia škaredého čierneho okraja :).

2 pre odpoveď č. 6

Použil som jQuery combobox pre to.

S týmto môžete nastaviť výšku potrebných CSS tried na výšku, ktorú potrebujete, aby ste vybrali vaše pole.

1 pre odpoveď č. 7

Môžete tiež zväčšiť veľkosť písma, aby vám pomohla s výškou. Myslím, že Safari mac zobraziť až 16px font-size. Aspoň dostane väčšiu oblasť kliknutí.

1 pre odpoveď č. 8