我有一個帶有 Typescript 的 React.js 應用程序。我想禁用錨標記上訪問過的材質圖標著色，并且我有以下樣式表。 const useStyles = makeStyles((theme: Theme) => createStyles( myAnchor: { "&:visited": {color: "inherit"}, "&:hover": {color: "inherit"}, "&:active": {color: "inherit"} } ... ) const classes = useStyles();但當我這樣做時它不起作用<a className={classes.myAnchor}><FacebookIcon /></a>。我是不是搞錯了什么"&:visited"？
1 回答
茅侃侃
TA貢獻1842條經驗 獲得超21個贊
您可以使用 Material-UI IconButtn
import React from "react";
import "./styles.css";
import { makeStyles, IconButton } from "@material-ui/core";
import FacebookIcon from "@material-ui/icons/Facebook";
const useStyles = makeStyles(theme => ({
? icon: {
? ? "& :visited": { color: "red" },
? ? "& :hover": { color: "red" },
? ? "& :active": { color: "red" }
? }
}));
export default function App() {
? const classes = useStyles();
? return (
? ? <div className="App">
? ? ? <IconButton
? ? ? ? className={classes.icon}
? ? ? ? // component={Link}
? ? ? ? // to={`/url`}
? ? ? >
? ? ? ? <FacebookIcon />
? ? ? </IconButton>
? ? </div>
? );
}
- 1 回答
- 0 關注
- 143 瀏覽
添加回答
舉報
0/150
提交
取消