Antd：如何设置按钮的悬停颜色？
创始人
2024-11-07 19:30:50
0次

通过修改按钮的样式来设置按钮的悬停颜色。以下是一个示例代码：

import { Button } from 'antd';
import styled from 'styled-components';

const MyButton = styled(Button)`
  &:hover {
    background-color: red; // 悬停颜色为红色
  }
`;

function App() {
  return My Button;
}

在上面的代码中，我们使用了 styled-components 库来创建一个样式化后的按钮组件。该组件继承自 Antd 的 Button 组件，并通过样式覆盖的方式设置了悬停时的背景颜色。在 &:hover 伪类选择器内设置的样式会在该组件被鼠标悬停时生效。

将该组件替换现有的 Antd Button 组件即可使用新的悬停颜色。

上一篇：ANTD：如何更改分页选择框中的文本

下一篇：Antd：如何使SubMenu成为可点击的链接？

相关内容

热门资讯

关于透视！智星德州插件怎么下载... 关于透视！智星德州插件怎么下载，微信小程序微乐辅助器免费版，模板教程（有挂透明挂）-哔哩哔哩1、智星...
关于透视！来玩德州破解器，微信... 关于透视！来玩德州破解器，微信小程序微乐辅助器免费版v2.0免费，手筋教程（有挂透明挂）-哔哩哔哩1...
教你透视！德州透视脚本，微乐小... 教你透视！德州透视脚本，微乐小程序挂哪里有，模块教程（有挂教程）-哔哩哔哩1、实时德州透视脚本透视辅...
揭幕透视！aa poker透视... 揭幕透视！aa poker透视软件，微乐小程序辅助教程，讲义教程（有挂秘诀）-哔哩哔哩1、很好的工具...
详细透视！pokemmo脚本最... 详细透视！pokemmo脚本最新版，微乐自建房辅助可信吗，指南教程（了解有挂）-哔哩哔哩1、首先打开...
必备透视！wepoker能不能... 必备透视！wepoker能不能透视，微乐小程序破解版修改器，模块教程（有挂教学）-哔哩哔哩1、许多玩...
教你透视！hhpoker辅助挂... 教你透视！hhpoker辅助挂下载，微信小程序 微乐陕西挖坑 外挂，教程书教程（有挂技术）-哔哩哔哩...
曝光透视！hhpoker开挂教... 曝光透视！hhpoker开挂教程，微乐江苏小程序游戏破解下载，操作教程（有挂教学）-哔哩哔哩hhpo...
有挂透视！wepoker新号好... 有挂透视！wepoker新号好一点吗，微乐小程序辅助开发透视，绝活教程（有挂讲解）-哔哩哔哩1）we...
解谜透视！wepoker透视有... 解谜透视！wepoker透视有吗，微信小程序微乐家乡辅助器，妙招教程（详细教程）-哔哩哔哩1、该软件...