23

選択ボックスの背景色を黄色に設定する必要があります。私がテストしたとき、Android 2.3およびAndroid 3.0で黄色と矢印のボックスが表示されます。

ただし、Android 4.0 では、ドロップダウン矢印のない完全な黄色として選択が表示されます。

問題を解決する方法はありますか?

これを phone-gap で設計しています。

これは、html select の背景色を設定している私のコードです。

<select style="background-color:#FFFF00;border:#FFFF00;height:25px;font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; text-align:center;">
          <option></option>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>

        </select>
4

5 に答える 5

5

私はこれと同じ問題を抱えていました.他のプロジェクトのいくつかでは起こらないので、なぜこれが起こっているのか今まで疑問に思っていました.

ブートストラップとファウンデーション フレームワークについて詳しく学ぼうとしているときに、ドロップダウンの境界線または背景について言及した場合、一部のモバイル デバイスでこの問題が発生したため、ブートストラップで解決策を見つけました。

私は誰からも信用を得ていませんが、言及されているページのリンクを共有したいと思います & 解決策も提供されています

ブートストラップ: https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/#select-menu

JSビン： http: //jsbin.com/OyaqoDO/2

これが、この問題に直面する可能性のある他の人に役立つことを願っています。このソリューションはブートストラップに関連しています。プロジェクトのニーズに合わせて変更できますか。

<script>
var nua = navigator.userAgent;
var is_android = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1));
if(is_android) {
        $('select.form-control').removeClass('form-control').css('width', '100%');

}
</script>
于 2014-06-29T05:31:07.003 に答える
0

このようなものは、子供のouterHeightが当時のAndroidで間違っていたため、しばらくして再計算するために機能する可能性があります（前述のとおり）。

window.setTimeout(function() {$(window).trigger('resize');}, 1500);

...うまくいくかもしれませんか？はい、それは役に立ちそうです。

明らかに、初期読み込みフェーズが経過した後にこれをトリガーしたいだけです（仕様の明らかなエラーで、他のすべてが現在準拠しています）。

于 2013-02-08T13:28:49.840 に答える
0

そのために JavaScript を使用したくない場合、および/または UA のスニッフィングに不満を感じているだけで (当然のことですが)、少数のブラウザーをターゲットにするだけで問題ない場合:

select
{
    /* common, “safe” styles */
}
@supports (appearance: none)
{
    select
    {
        /* borders and backgrounds */
    }
}

顕著な欠席者はすべて IE です (Edge は完全なスタイルを取得します): http://caniuse.com/#feat=css-featurequeries

于 2016-06-01T08:41:24.860 に答える
0

マットが示したように、メニューに何らかの種類の境界線または背景を適用すると、ドロップダウン矢印が気化します。

最も簡単な解決策は、境界線またはカスタム背景色を削除することです。これにより、Android デバイスに白とグレーの「モダン」な外観のドロップダウン矢印が表示されます。うまく収まらないサイトはないと思います。

于 2013-09-05T06:31:55.993 に答える