我目前正在使用 NextJS、TailwindCSS 和 MUI React UI 庫建立一個專案。
每當(dāng)我嘗試在我的專案中新增 MUI 按鈕時，它都能正常工作，但按鈕的顏色保持白色。
在懸停時顏色恢復(fù)正常，點(diǎn)擊按鈕時仍具有波紋效果。但當(dāng)不懸停時，它會回到白色。
透過從我在 _app.{js,jsx.ts,tsx} 檔案中匯入的全域 css 檔案中刪除 tailwind 指令，該按鈕再次正常工作，但這也將刪除 TailwindCSS。
有沒有辦法在保留指令的同時修復(fù)它？或者可能使用另一種方??法包含 tailwind CSS？
MUI 團(tuán)隊現(xiàn)在新增了對 tailwind CSS 的支持，請點(diǎn)擊此連結(jié)以取得說明 https://mui.com/material-ui/guides/interoperability/#tailwind-css
1
0
0
這裡的問題是 tailwinds preflig 實(shí)作了以下樣式 添加時
@tailwind base;
到您的樣式表：
button, [type='button'], [type='reset'], [type='submit'] {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
這比material-ui的背景顏色定義更具體。
您可以透過刪除「@tailwind base;」來解決此問題從您的樣式並實(shí)現(xiàn)您自己的重置樣式表，但這還有其他缺點(diǎn)： https://tailwindcss.com/docs/preflight
#
