모바일 사파리 : 선택기보기의 배경색 변경 (선택)

Question

모바일 Safari는 <select> 요소에 UIPickerView을 사용합니다. CSS로 배경색을 변경하고 싶습니다. 아래 스크린 샷에서 볼 수 있듯이, 읽기가 매우 어렵습니다. 당신이보고있는 것은 상태 <select> 양식 요소입니다. <select> 요소 자체의 텍스트 색이나 배경색을 변경해도 문제가 해결되지 않습니다.

부모 요소 또는 배경색과 관련 있다고 생각했지만 줄을 올라 모든 조상 요소의 배경색이 흰색으로 바뀌어 문제가 지속되었습니다. 이 GUI를 쉽게 읽을 수 있도록 접두사가 붙은 스타일이나 속임수가 있습니까? 아니면 그냥 버그 일 수도 있습니다.

편집 : UIPickerView 뒤에있는 회색은 모바일 Safari로 채워집니다. 선택은 페이지 하단에 거의 있기 때문입니다. 모바일 사파리는 세로 방향으로 가운데 위치를 UIPickerView 위로 지정하고 페이지 아래의 추가 공간을 회색으로 채 웁니다. 문제는 어두운 회색을 어떻게 사용할지 결정하는 것입니다. 본문 텍스트 색과 페이지의 다른 모든 요소의 배경색을 변경하지 않으려 고 시도했습니다.