我需要幫助了解如何使我的代碼作業。我正在使用 MUI 使用單獨的 CSS 檔案為我的組件設定樣式。我正在嘗試設定以下 Alert 組件的樣式，但它不起作用。我想專門設計警報圖示的樣式，但是，這種樣式不起作用。
JSX 組件：
<Alert severity='error' className='passwordAlert'>
Invalid Password
</Alert>
CSS 組件（這有效）：
.passwordAlert {
border-radius: 100px;
width: 80%;
margin-bottom: 0%;
margin-top: 1%;
height: 50px;
padding: 0px;
align-items: center;
}
CSS 組件（這是不起作用的部分）：
.passwordAlert.MuiAlert-icon {
padding-left: 5%;
}
我想繼續使用單獨的樣式檔案，我知道還有其他樣式方法，但是是否有使用 className 和單獨的 CSS 檔案的解決方案？
提前致謝。
uj5u.com熱心網友回復：
組合選擇器在這里不起作用，因為 MuiAlert-icon 和 .passwordAlert 不會出現在同一個元素中。單獨為 MuiAlert-icon 撰寫 CSS。
uj5u.com熱心網友回復：
您不應創建單獨的檔案并自定義 MUI 組件。MUI 有許多自定義組件的策略。您可以閱讀如何自定義 MUI 組件
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/399983.html
下一篇：如何讓串列項的內容垂直排列？