爲什麼css風格不適用於模態？

由於某種原因，CSS樣式不適用於React模式。任何理由？爲什麼css風格不適用於模態？

render() { 
    return (
     <div> 
     <Modal defaultOpen={this.props.isShowing} className="openmodal"> 
     </Modal> 
     </div> 
    ); 
}

CSS文件

.openmodal{ 
    text-align: center; 
    background-color: black; 
    border-radius: 0; 
    width: 400px; 
    position: relative; 
}

來源

2017-01-31 joethemow

呈現的HTML看起來像什麼？那裏有任何線索？ – Serlite

其中是.openmodal代碼放置？在.css文件中，或者直接在render函數下面，就像你提供的代碼一樣？ –

可能是因爲Modal沒有將className作爲屬性。分享更多的代碼，以便我們弄清楚。 – Erik

如果你想使用你應用它這樣一個JavaScript的風格;

const openmodal = { 
 
    content: { 
 
    textAlign: 'center', 
 
    backgroundColor: 'black', 
 
    borderRadius: '0', 
 
    width: '400px', 
 
    position: 'relative' 
 
    } 
 
} 
 

 
render() { 
 
    return (
 
     <div> 
 
     <Modal defaultOpen={this.props.isShowing} style={openmodal}> 
 
     </Modal> 
 
     </div> 
 
    ); 
 
}

嘗試使用內嵌樣式。

來源

2017-01-31 16:50:27

我有.openmodal在外部的css文件。我已更新我的問題以反映這一點。 – joethemow

我編輯的答案是反應模態。我不知道語義UI模式如何工作。 –

react.semantic-ui.com/modules/modal – joethemow

爲什麼css風格不適用於模態？

回答

相關問題