Javascript 如何使用react js覆盖内部CSS中的背景色
这是我的密码Javascript 如何使用react js覆盖内部CSS中的背景色,javascript,css,reactjs,react-big-calendar,Javascript,Css,Reactjs,React Big Calendar,这是我的密码 eventStyleGetter(event, start, end, isSelected) { if (event.id == 39) { var style = { backgroundColor: '#409931', borderRadius: '0px', opacity: 0.8, color: 'red'
eventStyleGetter(event, start, end, isSelected) {
if (event.id == 39) {
var style = {
backgroundColor: '#409931',
borderRadius: '0px',
opacity: 0.8,
color: 'red',
border: '0px',
display: 'block'
};
}
return {
style: style
}
}
我想更改背景色,但它被另一个CSS样式覆盖。如何用react js覆盖此背景色
使用相同的
eventPropGetter
方法动态应用className
,而不是将其作为样式应用<代码>类名
s被追加,因此应用于事件的任何类名
都将在默认类之后解析,您可以使用!类定义中的重要信息。类定义中的!中的重要标志。今天的约会
类可能会覆盖您的目标样式。也许可以删除!重要的
?重要的关键字会自动出现,这就是问题所在@molamkTrybackgroundColor:'#409931!重要提示“,
,它应该覆盖另一条规则。@ChrisG我已经尝试过了,但不起作用。无论如何,谢谢你的帮助(Y)是的,react显然不支持!样式对象中的重要信息。不过我发现了这一点:旁注:className
s,从eventPropGetter
返回,应该是一个字符串,而不是一个对象,因此如果您有多个,它们必须位于一个空格分隔的列表中(即className:'custom-style1 blocked event'
)