JSP select disabledがグレーアウトしない

Question

前提

JSPでselectにdisabledを付与している箇所があります。

<select disabled name="XXX" id="XXX" placeholder="年">
</select>

発生している問題

この状態で実行すると、背景色と文字色がグレーになり
選択ができない状態になると思いますが、
一部の端末で背景色と文字色がグレーにならない現象が発生しています。

確認できた限り、iPhone11で当事象が発生しています。
しかし、chromeのエミュレータで、iPhone11と同じ解像度のデバイスを登録し確認してみましたが、
発生しませんでした。

初歩的な質問で申し訳ございません。
なにか別のクラスが影響していることも考えましたが、
発生する端末が一部の為、ほかに原因があるのかも、、と質問させていただきました。

なにかご存じの方いらっしゃったら教えていただけると幸いです。
よろしくお願いいたします。

Comments

[K_3578]

発生する端末はiPhone11のみですか？

[workwork]

すべての端末でテストできているわけではないのですが、
Chrome、IE、edgeと
iPhone8、Android（HUAWEI mate20pro）では発生しておらず、
iPhone11では発生することを確認しております。

[K_3578]

うーん、OS間の問題でもないとなるとiPhone11のみに不具合があるのかな。
なんかキャッシュが残ってるとかで更新されてないとかはないですよね。

[workwork]

私の手元にiPhone11がないので、確実な情報ではないのですが、キャッシュは大丈夫だと思います。。
また、2台のiPhone11でグレーアウトされない事象が確認できたので、iPhoneのユーザー設定が影響している可能性も少ないのかな、と思っています。。

[K_3578]

キャッシュも問題ない、端末設定でもないとなるといよいよもって
iPhone11自体の不具合なのかなぁ･･･私も手元にiPhone11ないのでこっちで
検証できないのでお役に立てず申し訳ない。

因みに検証ツールで確認はされましたか？
https://qiita.com/aqril_1132/items/4789bc12a511136d8bfa
こちらの記事でPCからスマートフォン向けWebページの検証をしているので
一度読んでみては如何でしょうか。

[workwork]

ありがとうございます。
Chromeのモバイルシミュレーションでは確認したのですが、再現せずでした。
また、テスト端末のiPhone11がないため、
PCからのデバックは難しそうです。。

お忙しいところご回答ありがとうございます！
もう少し調査してみます。

[K_3578]

自分も気になるので個人的に調べてみます。何か分かったらお知らせしますね。

[m.ts10806]

「選択できない」が出来てれば良い気がします。
合わせたいならリセットCSSして自前で色つけるのが確実

[workwork]

ありがとうございます。
選択できない状態にはなっているので、機能的には問題ないようです。

私の手元にiPhone11がないこともあり、
ただ単にキャッシュ等の可能性も捨てきれていませんが、
自前で色をつけるか、もしくはプルダウンではなくテキストとして表示させるように修正してみます。

お二方ともありがとうございました。

[m.ts10806]

質問が「受付中」のままになっています。

Answer 1

手元にiPhone11がなく自分では再現できないため、

端末、ブラウザ毎に見た目がことなる可能性を考慮し、
リセットCSSをして自前で色をつける
もしくは、テキストとして表示させるように修正します。

お二方ともありがとうございました。

Comments

[m.ts10806]

私がコメントした
>合わせたいならリセットCSSして自前で色つけるのが確実
この部分をもう少し拾ってもらいたかったところ。

[workwork]

ありがとうございます、修正しました！