这是我的代码
import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
const App = () => {
const code = `const x =100;`;
return (
<SyntaxHighlighter
language={"javascript"}
style={vscDarkPlus}
showLineNumbers={true}
startingLineNumber={5}
lineNumberStyle={{
color: "#FFFFFF",
fontSize: "15px",
}}
>
{code}
</SyntaxHighlighter>
);
};
我想改变线条颜色。
这就是我所做的。
<SyntaxHighlighter
lineNumberStyle={{
color: "#FFFFFF",
fontSize: "15px",
}}
>
{code}
</SyntaxHighlighter>
尺寸改变但颜色保持不变。
为什么颜色没有变化?。