如何禁用样式组件内部的material按钮的悬停效果
如何禁用样式组件内部的material按钮的悬停效果
提问于 2018-05-10 02:32:47
我添加了css悬停属性来禁用按钮的悬停效果，但这似乎不适用于我的情况，我应该如何解决这个问题？
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>
)
}回答 7
Stack Overflow用户
回答已采纳
发布于 2018-05-15 05:28:03
您可以通过添加内联样式来解决这个问题。
export const SubmitButton = ({ onClick }) => {
return (
<StyledButton
variant="raised"
onClick={onClick}
style={{ backgroundColor: 'transparent' }} >
login
</StyledButton>
)
}Stack Overflow用户
发布于 2018-06-28 00:02:21
尝试将其设置为与背景颜色相同的颜色：
root = {
backgroundColor: "#FFF"
"&:hover": {
//you want this to be the same as the backgroundColor above
backgroundColor: "#FFF"
}
}Stack Overflow用户
发布于 2021-09-28 23:44:17
如果有人需要，这是v5的解决方案
<IconButton
disableElevation
disableRipple
size="small"
sx={{
ml: 1,
"&.MuiButtonBase-root:hover": {
bgcolor: "transparent"
}
}}
>
</IconButton>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50264638
复制相关文章
相似问题
腾讯云开发者
