Saltar al contenido

¿Cómo cambiar el color marcado del botón de opción Material-ui?

Haz todo lo posible por comprender el código de forma correcta antes de aplicarlo a tu proyecto si tdeseas aportar algo puedes dejarlo en los comentarios.

Solución:

Encontré una solución:

const styles = theme => (
  radio: 
    '&$checked': 
      color: '#4B8DF8'
    
  ,
  checked: 
)

Y dentro del componente:


  
  label="Every Day (at 12:00)"
/>

Debes agregar el root key.

Creo que necesitas usar colorsecundario clase key en lugar de colorPrimary porque el botón de opción tiene el color de secundario por defecto

también puede anular los valores predeterminados para los colores primarios, secundarios y predeterminados usando crearMuiTema y MuiThemeProvider componente en su componente raíz puede

import React from 'react';
import  MuiThemeProvider, createMuiTheme  from '@material-ui/core/styles';
import purple from '@material-ui/core/colors/purple';
import Button from '@material-ui/core/Button';

const theme = createMuiTheme(
  palette: 
    primary:  main: purple[500] , // Purple and green play nicely together.
    secondary:  main: '#11cb5f' , // This is just green.A700 as hex.
  ,
);

function App() 
  return (
    
      
); export default App;

como puede ver en el siguiente ejemplo, simplemente envuelve sus componentes con MuiThemeProvider y cada componente ahora tendrá un nuevo color primario y secundario

Consulte este enlace del sitio web de material-ui para obtener más información Temas

Comentarios y puntuaciones del artículo

No se te olvide dar visibilidad a este tutorial si te fue de ayuda.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *