Breaking News: Grepper is joining You.com. Read the official announcement!

material ui border color change

Add Answer

Bad Beaver answered on February 21, 2022 Popularity 10/10 Helpfulness 4/10

answer material ui border color change

related how to change textfield border color in material ui

material ui border color change

Comment

-2

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: (some color);
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: border-color material-ui whatever

Link to this answer
Share Copy Link

Contributed on Feb 21 2022

Bad Beaver

0 Answers Avg Quality 2/10

Closely Related Answers

how to change textfield border color in material ui

Comment

import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';

// Create a custom theme with desired textfield border color
const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#ff0000', // Replace with desired color
    },
  },
});

// Wrap your component with the theme provider
function App() {
  return (
    <ThemeProvider theme={theme}>
      <TextField label="TextField with custom border color" variant="outlined" />
    </ThemeProvider>
  );
}

export default App;

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

material ui border color change

Contents

More Related Answers

material ui border color change

Closely Related Answers

how to change textfield border color in material ui

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.