react-bootstrap模态重写类不工作

• Z时代
• 2024-01-10
• 分类：问答

我试图去除react-bootstrap模态上的阴影。我的模态代码是react-bootstrap模态重写类不工作

<Modal show={this.props.modalDetails} 
    onHide={this.props.close} 
    animation={false} 
    dialogClassName='trade-detail-dialog' 
    > 
    <Modal.Header closeButton> 
     <Modal.Title>Modal heading</Modal.Title> 
    </Modal.Header> 
    <Modal.Body> 
     <h4>Text in a modal</h4> 
     <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p> 
     <hr /> 
    </Modal.Body> 
    <Modal.Footer> 
     <Button onClick={this.props.close}>Close</Button> 
    </Modal.Footer> 
    </Modal> 

我的CSS是

div.trade-detail-dialog div.modal-content { 
    box-shadow: 0 !important; 
    -webkit-box-shadow: 0 !important; 
} 
@media (min-width: 768px) { 
    div.trade-detail-dialog div.modal-content { 
    box-shadow: 0 !important; 
    -webkit-box-shadow: 0 !important; 
    } 
} 

但语气还是有一个盒子阴影：

显然，我的风格并不重要，不管多少我希望他们是：

关于如何消除阴影的任何想法？

回答：

box-shadow: none; 
-webkit-box-shadow: none; 

以上是 react-bootstrap模态重写类不工作 的全部内容， 来源链接： utcz.com/qa/265940.html