javascript - 如何访问 reactjs 中的禁用按钮并更改其 CSS?

标签 javascript css reactjs button

我有一个这样的按钮:

<button className="button1" disabled={!this.validateForm()} type="submit" onClick={sig => this.handleCreation(sig, this.state)}>Action</button>

我想在 禁用 时访问它的 CSS,这样我就可以改变它的外观 - 我已经在 按钮的 CSS 中将其更改为默认状态 类。我怎么做? CSS 的 :disabled 选择器不起作用(很明显)。

最佳答案

因为你想改变样式。一种方式看起来像这样

<button className={isDisabled?'new-style':'old-style'} .../>

关于javascript - 如何访问 reactjs 中的禁用按钮并更改其 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57912545/

相关文章:

css - 提高画质

javascript - 无法读取上下文提供程序中 useReducer Hook 更新的状态

javascript - Ant Design - 带逗号小数分隔符的货币输入

javascript - 如何通过提供对象键数组来动态修改对象值?

JavaScript setTimeout 不起作用

javascript - 静态 Google map 自定义图标

html - 在悬停时显示垂直按钮集而不移动/按下背景内容

javascript - 当我们使用javascript复制到剪贴板时如何删除突出显示的文本选择

javascript - 在没有 GPU 的情况下在 headless Chrome 中渲染 WebGL 图像

css - 如何在 CSS 中选择任何以某个单词开头的元素