我導入我的 css 文件，如下所示：
import styles from "./Documentation.module.css";
使用此處的樣式：
<button
className={styles.button}
onClick={(e) => selectDoc(m.id)}
>
<b>{m.title}</b>
</button>
按鈕的 CSS 如下圖所示：
.button {
color: "#d0e6a5";
background-color: "#5d684b";
border: "none";
border-left: "4px solid #d0e6a5";
font-size: "28px";
padding: "6px 12px";
margin: "3px";
width: "200px";
}
但是 css 不會套用於按鈕元素。所有風格都會發生這種情況。我不知道問題是什麼。
在這裡，使用內聯或「樣式」對我來說是沒有選擇的，因為 css 會變得更多。 知道如何診斷這裡的問題嗎？
該錯誤存在於 css 檔案中，語法不正確。您不必在他的值中加上引號。嘗試用下面的css替換它
.button { color: #d0e6a5; background-color: #5d684b; border: none; border-left: 4px solid #d0e6a5; font-size: 28px; padding: 6px 12px; margin: 3px; width: 200px;}