score:7
Accepted answer
replace the webkitbackgroundclip
with webkitbackgroundclip
. jss takes the capital letters for webkit.
const customcolor = withstyles({
root: {
fontsize: 20,
background: "-webkit-linear-gradient(45deg, #fe6b8b 30%, #ff8e53 90%)",
webkitbackgroundclip: "text",
webkittextfillcolor: "transparent"
}
})(typography);
Source: stackoverflow.com
Related Query
- How to specify text color in React using Material Design
- Set Typography text color in MUI
- How to change the text color of the selected row in material ui table
- Change default Text Color Material UI
- Any way to render Icon based on text field name using material UI?
- How to target backdrop color property of Material UI Dialog using styled components?
- Using a button to change the color of text
- Add text inside the switch using material ui
- Apply radiobutton color using styled-components in Material UI?
- Material UI Stepper using custom icon deletes the step number. how to add the number or random text back with a custom icon?
- React change placeholder text color using React inline styling
- Changing the text color of a react-bootstrap Navbar using webpack
- Gradient text color, using Material-UI <Typography />
- Add text to Switch formcontrol and change it in toggle using material ui
- How to change the background and text color within button using button onClick in React JS
- Material UI styled() utility - How to recursively change highlighted text background color
- Change notchedOutline span text color in material UI
- Material UI - Align icon to center with the Typography text
- Display an image and text in a checkbox label using Material UI
- How do I set the text color of primary raised buttons for React Material UI?
- Is there a way to add different fonts to different properties in Typography using material ui @next React
- Text field validation in material UI using error property
- Change Color of Text Field from Text Field in Material UI v5
- I want to change the color of button in react using material ui
- How to individually change text color and font weight in the same div element using Tailwind CSS and React
- How to change color of button in material ui using "&:active":?
- Change Secondary button text color through Material UI Theme
- React Material UI - Change Stepper text color
- react js material ui treeView change text color of tree item's label
- How to Change the Color of the typography with a certain condition that change the color of the text
More Query from same tag
- Using Google Web Fonts With Gatsby and Styled-Components
- How can I add a dynamic Id to array of object
- How to pick the value of an environment variable from Command Prompt in ReactJS?
- How to define an instantiated React component in a Typescript interface?
- How to fix ''http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.'
- how to delete all data and the update the page without refreshing using useEffect
- How to console log Index of current image in reactJS
- How to validate react-select dropdown using use form hook in react
- How do I parse a value with Storybook AddOns optionsKnob
- My React Router Links are not working. It's showing the url change in the browser but contents are not showing
- How can i update context value with the state value
- Fix height offset when transferring from one page to another
- How to call child component method from parent
- Checking if a component is unmounted using react hooks?
- use material UI makeStyles with Typescript
- Hide/Show component using componentDidMount
- React Router doesn't show component when i refresh
- React Component requires a unique key prop
- Setting Page Title with React-Router-Config
- Separate colors for stroke, fill
- I want to change the color of button in react using material ui
- REACT - How to replace URL strings to <a> elements and rendering it properly
- How to pass props to child React component?
- How to sort array in Reducer ReactJS
- How to change the material ui popover height which gets open on select
- Typescript - How to change type of axios response when modified interceptor to return config.data
- Having issue with defining path for image in a react application
- Every Time Require new Port Number in ReactJs Local Server
- Is it possible not to use combineReducers in react-redux app?
- Using React Router with Multiple URL Segments