0
190
Views¿Hay alguna alternativa para seleccionar que pueda usar para activar la función de cambio? Por eso quiero seleccionar
Quiero un menú desplegable de selección como este. Quiero que las opciones tengan un ancho mayor y la selección solo debe mostrar el símbolo y también cambiar el color de fondo al pasar el mouse. Vuelvo a buscar y me doy cuenta de que no podemos darle estilo a la opción 🤦♀️ es es muy triste saberlo, pero afortunadamente obtuve este enlace https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select aquí mostraron lo que quería al menos la mayoría excepto el símbolo seleccionado mostrar solo de todos modos lo que estoy obteniendo también genial
.select-selected { background-color: DodgerBlue; }Están apuntando a una clase seleccionada. Miro en el html pero no puedo encontrarlo, pero el color está cambiando perfectamente. Por eso no puedo copiarlo exactamente. Estoy usando un componente de estilo de reacción. Necesito entender y escribir una solución fácil para este tutorial de enlace es tan difícil que alguien pueda explicarme o sugerirme una alternativa de seleccionar
Tenga en cuenta que estoy usando el componente de estilo de reacción
export const NavbarSelect = styled.select` border: none; border-radius: 0px; option{ background: #FFF; width:114px; height:45px; } `quiero diseñar la opción aquí
1 answers
Answer question0
No puede diseñar todas las partes del cuadro de lista de selección HTML estándar.
¿Es crucial tener subyacente el clásico elemento de selección de HTML?
Si no, puede crear fácilmente su propio ul. En reaccionar, debe mostrar el ul personalizado al hacer clic en la opción seleccionada real (por ejemplo, un campo similar a una entrada). Cuando haga clic en una opción, simplemente configure esta opción para su componente y pásela a su componente de formulario.