如何在React内联CSS样式中添加!important?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (1959)

如何添加!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>
        )
    }
}
提问于
用户回答回答于

你可以使用黑客:

        <div ref={element => { 
             if (element) element.setProperty('border', '2px', 'important'); 
           }}
        />

扫码关注云+社区

领取腾讯云代金券