inline styles for tabs in material ui doesn't change color

4167 views javascript
-3

  • I am new to material ui.
  • I am trying to chnage the colors for the slected tab.
  • right now its in dark blue color, I am trying to change it to red color.
  • I gave the inline styles, but its not changing.
  • can you tell me how to fix it.
  • providing my sandbox and code snippet below
  • all my code is in tab-demo.js

https://codesandbox.io/s/yqj5q8v461

<Tabs
            value={value}
            onChange={this.handleChange}
            scrollable
            scrollButtons="on"
            indicatorColor="primary"
            textColor="primary"
          >
            <Tab
              label="Search"
              icon={<PhoneIcon />}
              style={{ border: "red" }}
            />
            <Tab
              favorites={favorites}
              label="Favorites"
              icon={<FavoriteIcon />}
            />

answered question

1 Answer

10

Try this: border: '1px solid red'

posted this

Have an answer?

JD

Please login first before posting an answer.