我希望能夠修改login組件的正文、html 和 * 但無法做到這一點。我很絕望，請問有解決辦法嗎？
堆疊閃電戰
login.component.css
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
background-color: red;
}
...
uj5u.com熱心網友回復：
首先，在嘗試應用任何 css 之前，您需要閱讀并理解登錄 html 結構。login.component.html 有一個容器類、div 和具有背景顏色的輸入，因此您需要輸入 css 檔案并根據該資訊進行撰寫。
這是我的解決方案，將其復制到login.component.css，您可以在此基礎上作業：
.container div, .container input {
background-color: white;
}
這個 css 將定位.container div并.container input用逗號分隔，您可以使用相同的 css 有不同的目標，這樣 css 代碼就不會變得混亂
uj5u.com熱心網友回復：
你想設計的元素不在你的login.component.html，它們在你的index.html。
您可以將所需的樣式添加到根styles.css檔案中，它們將被全域應用。
樣式.css：
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
background-color: red;
}
uj5u.com熱心網友回復：
我假設您正在 stackblitz 中的瀏覽器中進行開發，并且當您檢查元素時，您會看到標簽“html”和“body”。要更改“body”背景，您需要在 app.component.css 中更改它，但使用您在“容器”組件中給它的名稱。這樣整個背景就會變成紅色。為了避免該錯誤，請嘗試使用一些代碼編輯器作為 Visual Code。
您需要了解應用程式的結構。索引中的 app-root 包含 app.component.html 中的內容。那是你的“身體”。為了定義每個元素 css (*)，我會在 app.component.css 中進行。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/531390.html
標籤：有角度的
上一篇：墊復選框自定義和特定顏色