Safariの変更の選択高さ

selectheightすべてのブラウザは正常に動作していますが、Safariはどこに問題がありますか？また、私はクラス.style selectを作ろうとしましたが、動作しません。この追加Safariの変更の選択高さ

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

出典

2012-11-06 Wizard

Safariでの選択の高さがテキストサイズにリンクされていると思うので、それを自分で設定することはできません。 – boz

'line-height'で変更できるかもしれませんか？ –

試してみてください。

-webkit-appearance: menulist-button;

出典

2013-01-24 20:08:36 Iwaz

WindowsマシンではSafariでは動作しませんが、Line-HeightプロパティではSelectタグの高さをスタイルするには十分です –

これはSafariバージョン10.1.2以降の唯一の動作方法です。線の高さが機能しなくなりました。 –

Safariで選択をスタイルにするには、まず、OSのスタイリングをオフにする必要があります。

-webkit-appearance: none;

出典

2013-07-04 11:30:03

Trueですが、これによりドロップダウン矢印が非表示になります。したがって、最善の選択肢は線高さです（上記の答えを参照）。 –

これはドロップダウンの矢印を隠しますが、攻撃的なスタイリング - クリーンなパレットも正常に削除します。 +1 –

また

line-height: 25px

を使用することができます

他のブラウザには影響しません。b UT修正私は、インラインスタイルを使用するまで

出典

2013-07-04 14:43:31 hobailey

'line-height'は無視されているようですが、' height：25px'が動作しています。残念ながら、 'min-height'も動作していません。 –

バージョン10.1.2では 'height'または' line-height'が動作しません –

何が私のために働いていないSafariでこのバグ：

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

は、どういうわけかサファリ（最新のWindows版、5.1.7）はCSSファイルからこのスタイルプロパティを読み取れません。

出典

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; } }

お客様の要件に応じてline-heightを指定してください。

出典

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; 
    } 
}

このコードは、ブラウザ間で同じ高さを保証します。

出典

2015-04-10 06:53:16

もっと情報が必要な場合http://mywebdesigningtips.blogspot.in/このリンクを確認してください –

は、少なくとも計算された上での選択は、パディングまたは行の高さで描画されていないが、代わりに未解決の唯一のものは、現在定義済みおよび

imutableある背景である垂直値

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; 
}

高さと中心を与えレンダリングします

出典

2015-05-26 14:10:43 bortunac

最善の方法を使用modernizer検出器とサファリクラスの選択メニューに

line-height: 20px;

またはあなたがそうするjqueryのUI選択メニューを使用することができますを与えます別のクロスブラウザーでこれを守ってください。

出典

2016-08-24 05:31:20

答えて

関連する問題