当前位置: 首页 > 知识库问答 >
问题:

按钮禁用背景色内联样式属性jsx

江新
2023-03-14

在这种情况下,我只能将属性传递给jsx组件,但无法使用标准css类(组件不可访问,只能通过将属性传递给其父组件来设置样式)。有没有办法使用“内联样式”属性设置禁用按钮的背景色?

编辑我得到的最近的引用是样式:{[disabled=true]:{backgroundColor:“red”}但是我得到了未捕获的引用错误:未定义disabled

共有2个答案

秦昂然
2023-03-14

我能问一下您是否将禁用作为道具传递到组件中吗?

如果是这样你可以在下面做

const isDisabled = {
   backgrondColor: 'red'
};

<button style={disabled ? isDisabled : null}>
   Button 1
</button>
韩弘方
2023-03-14

对像这样的方法应该会奏效:

定义您的风格:

const disabled = {
  backgroundColor: "red"
};

然后,无论您的按钮组件出现在哪里:

<Button style={disabled}>
  Example Button
</Button>

祝你好运!

 类似资料:
  • 问题内容: 我正在尝试更改带有嵌入式图像的按钮的样式 恐怕示例中没有图像。 我试图: 禁用时更改按钮的 禁用时更改按钮中的图像 禁用时禁用悬停效果 当您单击按钮中的图像并将其拖动时,可以分别看到该图像。我想避免那个 可以选择按钮上的文本。我也想避免这种情况。 我试过了。但是无法禁用某些效果。喜欢 和形象。 问题答案: 对于禁用的按钮,您可以使用伪元素。它适用于所有元素。 仅对于支持CSS2的浏览器

  • 我对改变晶圆厂的背景色有一个问题,似乎晶圆厂后面有另一个背景 这是我的代码 现在唯一有效的解决方案是改变我的应用程序上的颜色口音,但它会影响其他UI元素

  • 是否有一种方法可以交换出图像URL并用一个视频文件代替图像作为背景视频使用? 下面是我要转换为背景视频的背景图像的代码: 我需要将视频应用到这个Body.Front-Page类,但不确定最好的方法是什么,不过我更喜欢使用PHP。

  • 我正在尝试改变带有嵌入式图像的按钮的样式,如下图所示: null 我尝试在中执行。但无法禁用某些效果。像和image。

  • 本文向大家介绍使用CSS更改按钮的背景色,包括了使用CSS更改按钮的背景色的使用技巧和注意事项,需要的朋友参考一下 要更改按钮的背景色,请使用background-color属性。 您可以尝试运行以下代码来更改按钮的背景色 示例

  • 我有一个Java应用程序,它使用本机LAF,如下所示: 这是伟大的工作,然而,我试图使一个按钮有一个红色的背景,但最终像这样: 正如你所看到的,我在按钮上设置了背景和前景,但结果并不令人满意。有没有一种方法可以让按钮在不子类化JButton的情况下绘制红色背景?