如何更改styles.js中禁用按钮的颜色答案

【问题标题】：How to change colour of disabled button in styles.js如何更改styles.js中禁用按钮的颜色
【发布时间】：2021-04-14 15:20:32
【问题描述】：

我在 styles.js 中有一个按钮

export const Button = styled.button`
  background: ${(props) => (props.isSubtract ? `#0F4379` : `#F5F6F9`)};
  border-radius: 30%;
  cursor: pointer;
  margin-top: 4px
`;

我想将按钮禁用时的颜色从常规默认灰色更改为黄色。我已经看到了很多关于如何使用 css 的方法，但是由于我已经有一个 styles.js 文件，所以我也不想添加一个 css 文件。

关于如何在 .js 文件中更改它的任何提示？

我已经尝试添加：

  &:disabled {
    background: #FFFF00;
  }

但这并没有帮助

【问题讨论】：

你在使用图书馆吗？如果是这样，您应该编辑您的帖子并将其添加为标签
您似乎正在使用一些框架，例如 React 和样式化组件，以及可能是 SASS 或 LESS 或某种预处理器。为这些框架和库添加标签很重要，否则人们会看着你的代码说，“这不是有效的 JS 和 CSS！”
谢谢，现在添加标签

标签： javascript css reactjs sass

【解决方案1】：

为什么不只传递一个名为 disabled 的道具，然后像处理背景一样做同样的事情？

无论如何，我相信您使用的是样式化组件？

:disabled {
  ...  
}

应该做的伎俩

【讨论】：

我添加了:disabled { background: #FFFF00; }，但没有用