Reactjs 如何禁用样式组件内materialui按钮的悬停效果

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>
  )
}

export const SubmitButton = ({ onClick }) => {
  return (
    <StyledButton
      variant="raised"
      onClick={onClick}
      style={{ backgroundColor: 'transparent' }} >
      login
    </StyledButton>
  )
}

Reactjs相关问答推荐

如何使用React防止并发注册并处理Firestore数据库中的插槽可用性

react 路由导航不工作，但手动路由工作

在Reaction中单击并显示子组件延迟/动画

禁止直接访问Next.js中的页面，同时允许从应用程序内部访问

点击页脚链接时，如何更改ReactJS导航栏中的活动菜单项(样式为Tailwind CSS)？

错误：操作必须是普通对象.使用自定义中间件进行异步操作. Redux/工具包

React js拖放图像并预览

如何使用 App Router 和服务器组件在 Next.js 13 中实现分页

如何在 ChartJS 中创建此图表？在 NEXTjs 和 TSX 中

为什么在 React 的 useEffect 中使用 onAuthStateChanged ？

页面加载时不显示数组中的数据

有没有办法根据 Rechart 中的 activeDot 更改值？

使用 react-router-dom 时弹出空白页面

ReactJS：useMemo 钩子修复了我的无限重新渲染问题而不是 useEffect

如果 URL 已随功能组件更改，则取消刷新

列表应该有一个唯一的关键props

如何实现两个 SVG 形状相互叠加的 XOR 操作？

运行开发服务器时如何为 Vite 指定运行时目录

如何在组件文件夹内的react 组件文件中导入外部css文件？

在渲染不显示子元素之后，再次渲染时，子元素状态数据完全消失了.为什么会这样以及如何防止它发生？