2014-01-08 23 views
5

モバイルSafariは<select>要素にUIPickerViewを使用します。CSSで背景色を変更したいと思います。あなたは下のスクリーンショットで見ることができるように、それは非常に読みにくいです。あなたが見ているのは、州の<select>フォーム要素です。 <select>要素自体のテキストの色や背景色を変更しても問題は解決されません。モバイルSafari:ピッカービューの背景色を変更する(選択)

私はそれは親要素のか、独自の背景色に関連していたと思った - しかし、私はラインを上がったし、白にすべての祖先要素の背景色を変更し、問題が持続しました。このGUIを見やすくするためにプレフィックス形式またはトリックがありますか?それとも単なるバグかもしれません。

編集:UIPickerViewの背後にある灰色は、モバイルSafariによって記入されます。これは、選択がほとんどページの最下部にあるためです。モバイルSafariは垂直方向に選択範囲を中心にUIPickerViewの上に置き、ページの下の余分なスペースをグレーで塗りつぶします。疑問は、どのように暗い灰色の使用を決定するのですか?私はボディテキストの色を変更しようとしましたが、ページ上の他のすべての要素の背景色は無駄になりました。

enter image description here

+0

私は悩み、これを再作成を抱えている...質問のカップル: 1.