Tengo una entrada de selección y un cuadro. El cuadro de selección en iPhone IOS 12 o menos aparece como un selector de ruedas, pero en IOS 15 aparece como un cuadro negro. Quiero que aparezca como un recogedor de ruedas también. Aquí está mi código:

 <InputWrapper> <Label>{t('province')}</Label> <Select {...register('province')} defaultValue={profile?.province} onChange={filterCities}> {provinces.map(province => { return ( <Option key={province.id} value={province.name}> {province.name} </Option> ); })} </Select> </InputWrapper>

Y aquí está mi estilo:

 export const InputWrapper=styled.div` padding:10px 5px; display:flex; flex-direction:column; ` export const Label=styled.label` font-size:13px; font-weight:400; margin:5px; ` export const Select=styled.select` background-color:var(--secondaryBackground); padding:10px 15px; font-size:16px; font-weight:500; border-radius: 4px; border:1px solid var(--boxShadow); flex-grow:1; color:var(--primaryText); ` export const Option=styled.option` background-color:var(--secondaryBackground); padding:5px 15px; font-size:14px; font-weight:400; border:1px solid var(--primaryText); border-radius:10px; width:50%; color:var(--primaryText); `

Quiero que mi opción de selección aparezca como selector de rueda en todas las versiones de IOS en Iphone. por favor, ayúdame. Gracias por adelantado.