如何将!important添加到React内联CSS样式中
如何将!important添加到React内联CSS样式中
提问于 2018-08-15 06:54:17
如何将!important添加到我的内联CSS属性？如果我将它添加到2px之后，它就会忽略整个样式。
import React from "react";
export default class Todo extends React.Component {
render() {
const {text} = this.props;
const cardStyles = {
borderWidth: '2px'
};
return (
<div class="card mb-2 border" style={cardStyles}>
<div class="card-body">
<h5 class="card-title m-0">{text}</h5>
</div>
</div>
)
}
}回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-15 07:01:38
显然，它不受https://github.com/facebook/react/issues/1881#issuecomment-262257503支持
同时，你可以使用hack来做：
<div ref={element => {
if (element) element.style.setProperty('border', '2px', 'important');
}}
/>Stack Overflow用户
发布于 2018-08-15 07:05:34
根据此GitHub问题https://github.com/facebook/react/issues/1881，它目前似乎不受支持
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51850769
复制相关文章
相似问题