react 行内设置button active
时间: 2023-09-11 22:06:34 浏览: 99
你可以使用 `className` 和 CSS 来实现行内设置 `button` 的 `active` 状态。例如:
```jsx
<button className="active" onClick={handleClick}>
Click me
</button>
<style>
.active {
background-color: blue;
color: white;
}
.active:focus,
.active:hover {
background-color: darkblue;
}
</style>
```
当你点击这个按钮时,按钮的背景颜色和文本颜色将会变为蓝色。同时,当你将鼠标移动到按钮上或者将按钮聚焦时,按钮的背景颜色也会变为深蓝色。
阅读全文