Image GIF In Smartphone
If you would like to override a style property that has been defined inline, define your override via the style prop as demonstrated in the example above. These overrides take precedence over the theme (if any) that is used to render the component. The style prop is an object that applies its properties to the root/outermost element of the component. Some components provide additional style properties for greater styling control. If you need to override the inline styles of an element nested deep within a component and there is not a style property available to do so, please submit an issue requesting to have one added.
Pellentesque maximus ornare cursus. Sed iaculis, dui vehicula ultricies finibus, urna leo pellentesque nulla, id tristique enim quam quis urna. Curabitur mollis eget nisl in aliquet. Integer aliquet vehicula augue sit amet posuere. Nam vestibulum nisl ac convallis varius. Sed et elit id mi posuere mattis. Aliquam interdum nibh est, at finibus sem accumsan nec. Nulla eros massa, ornare non libero nec, vestibulum suscipit velit. In laoreet, tellus vitae egestas gravida, purus ipsum porta orci, non ultricies ex quam quis ante. Proin in purus nisl. Nulla blandit purus rhoncus, blandit ex sit amet, luctus erat. Ut nec magna at nulla condimentum blandit. Duis aliquam odio lectus, et ornare diam aliquam id.
All Material-UI components have their styles defined inline. You can read the discussion thread regarding this decision as well as this presentation discussing CSS in JS.
EmoticonEmoticon