Estoy usando React.js y componentes de diseño de hormigas.
Tengo un componente <Select/> con algunas <Option/> dentro, ahora sé que en cada opción seleccionada tiene este tono automático agregado, pero quiero cambiarlo por uno diferente, y también cambiar el fondo, etc., pero solo si se ha seleccionado una opción.
¿Hay una manera de hacer eso?
(Seleccione, Opción Componentes - https://ant.design/components/select/ )
<select> <option selected="">1</option> <option>2</option> </select> <style> option[selected]{ background: #f00; } </style>Este es el CSS correcto para esto, pero creo que no funciona en todos los navegadores. Incluso en Firefox, solo funciona si pasas el cursor sobre las opciones expandidas. Cambiar los estilos CSS de las entradas siempre fue bastante malo y extraño. Es por eso que hay bibliotecas para eso.
En primer lugar, lo siento por mi mal inglés, no sé si es la mejor respuesta, pero cuando quiero cambiar el estilo de un elemento, uso su clase y le doy a esa clase un css. para el cuadro de selección puede usar ant-select-selector en su archivo css:
.ant-select-selector{background-color:green}si desea verificar la clase en busca de cosas diferentes, puede verificar el elemento en las herramientas de desarrollo. Si observa esta imagen cuando selecciono el cuadro de selección div, puedo ver su propia clase y puedo cambiar su color de fondo.
