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.
La forma en que se representan las entradas select cuando se abren cambió entre iOS 12 y 15. Además de implementar su propia implementación personalizada de un cuadro de selección (se brinda un enfoque razonable en WAI-ARIA Authoring Practices 1.2 ), está obligado a la forma la versión de Safari que se envió con la versión de iOS en el dispositivo lo representa. La selección integrada funciona bien, solo se ve diferente según la versión de iOS.