33

すべてのブラウザが正常に動作しているため、変更できませんselect heightが、Safari は変更できません。どこに問題があるのでしょうか? また、 make class を試し.style selectましたが、機能しません。

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

8 に答える 8

34

これを追加してみてください：

-webkit-appearance: menulist-button;
于 2013-01-24T20:08:36.463 に答える
27

使用することもできます

line-height: 25px

これは他のブラウザには影響しませんが、Safari でのこのバグを修正します

于 2013-07-04T14:43:31.923 に答える
3

モダナイザー検出器を使用し、サファリ クラスの選択メニューを提供する最良の方法

line-height: 20px;

または、jquery UI 選択メニューを使用して、別のクロスブラウザーでこれを解決できます。

于 2016-08-24T05:31:20.527 に答える
2 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: menulist-button !important;
        line-height:24px !important;
    }
}

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

于 2015-04-10T06:53:16.737 に答える
2

少なくとも iPad では、選択はパディングまたは行の高さのためにレンダリングされませんが、代わりに指定された高さをレンダリングし、値を垂直方向に中央揃えします

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-26T14:10:43.353 に答える
1 
@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: menulist-button !important; line-height:24px !important; } }

line-heightあなたの条件に従って与えて下さい。

于 2014-07-08T08:35:50.050 に答える