J'ai ajouté la propriété css hover pour désactiver l'effet de survol du bouton, mais cela ne semble pas fonctionner pour mon cas, comment dois-je résoudre ce problème?
import Button from 'material-ui/Button'
import styled from 'styled-components'
const StyledButton = styled(Button)`
&:hover {
background: none;
}
`
export const SubmitButton = ({ onClick }) => {
return (
<StyledButton
variant="raised"
onClick={onClick}>
login
</StyledButton>
)
}
Vous pouvez résoudre ce problème en ajoutant un style en ligne
export const SubmitButton = ({ onClick }) => {
return (
<StyledButton
variant="raised"
onClick={onClick}
style={{ backgroundColor: 'transparent' }} >
login
</StyledButton>
)
}
Essayez de le définir sur la même couleur que l'arrière-plan:
root = {
backgroundColor: "#FFF"
"&:hover": {
//you want this to be the same as the backgroundColor above
backgroundColor: "#FFF"
}
}