Safari wechseln Höhe wählen

Ich kann nicht ändern selectheight, mit allen Browser funktioniert gut, aber Safari nein, wo kann ein Problem sein? Auch versuche ich Klasse .style select, aber nicht funktioniert.Safari wechseln Höhe wählen

select { 
width: 170px; 
height: 25px; 
}

Quelle

2012-11-06 Wizard

Ich denke, die Höhe einer Auswahl in Safari ist mit der Textgröße verknüpft und Sie können es nicht selbst einstellen. – boz

Sie können es möglicherweise mit 'line-height' ändern? –

Versuchen Sie, diese Zugabe:

-webkit-appearance: menulist-button;

Quelle

2013-01-24 20:08:36 Iwaz

Funktioniert nicht mit Safari auf einem Windows-Computer, aber die Line-Height-Eigenschaft reicht aus, um die Höhe des Select-Tags zu formatieren –

Dies ist die einzige funktionierende Methode seit Safari Version 10.1.2. Zeilenhöhe funktioniert nicht mehr. –

Um eine Auswahl in Safari-Stil, Sie zuerst das os Styling ausschalten müssen:

-webkit-appearance: none;

Quelle

2013-07-04 11:30:03

Wahr, aber dies wird den Dropdown-Pfeil verbergen. Daher ist die beste Option die Zeilenhöhe (siehe Antwort oben). –

Dadurch wird zwar der Dropdown-Pfeil ausgeblendet, aber die Palette "Offensive Styling - Clean" wird ebenfalls entfernt. +1 –

Sie auch

line-height: 25px

verwenden können

was andere Browser nicht beeinflusst, b ut behebt diesen Fehler in Safari

Quelle

2013-07-04 14:43:31 hobailey

'line-height' scheint ignoriert zu werden 9.1.3, aber' height: 25px' funktioniert. Leider funktioniert 'min-height' auch nicht. –

'Höhe' oder' Zeilenhöhe' funktioniert nicht in Version 10.1.2 –

Nichts für mich gearbeitet, bis ich Inline-Stil verwendet:

<select name="pickupsel" id="pickups" style="line-height:33px">

Irgendwie Safari (neueste Windows-Version 5.1.7) nicht über diese Art Eigenschaft von CSS-Datei lesen.

Quelle

2014-05-20 01:17:04

@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: menulist-button !important; line-height:24px !important; } }

Geben Sie line-height nach Ihrer Anforderung.

Quelle

2014-07-08 08:35:50 user3815518

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    select { 
     -webkit-appearance: menulist-button !important; 
     line-height:24px !important; 
    } 
}

Dieser Code gewährleistet die gleiche Höhe über Browser hinweg.

Quelle

2015-04-10 06:53:16

Wenn Sie weitere Informationen benötigen http://mywebdesigningtips.blogspot.in/ überprüfen Sie diesen Link –

mindestens auf IPAD die SELECT ist nicht für Klotzen oder Zeilenhöhe wiedergegeben, sondern statt dessen Höhe und in der Mitte vertikal den Wert rendert

ungelösten jetzt

select { 
    -webkit-appearance:menu-item; // or menulist-button 
    -moz-appearance:menu-item; 
    height:2.4em; // this must be calculated to match other input types  
} 

input[type="text"], select { 
    min-width:12em; 
    border-radius:5px; 
}

das einzige, was gegeben ist Hintergrund der und imutable vordefinierten ist

Quelle

2015-05-26 14:10:43 bortunac

Der beste Detektor Verwendung Modernisierer Weges und Safari-Klasse wählen Sie das Menü gibt einen

line-height: 20px;

oder Sie können jQuery UI wählen Sie das Menü verwenden, um so like dies durch einen anderen Browser cross-browser wy.

Quelle

2016-08-24 05:31:20

Safari wechseln Höhe wählen

Antwort

Verwandte Themen