這是我的html檔案
<div id="addingMembers">
</div>
<div class="selectMember">
<div class="selectTitle" (click)="addMember()">
<p class="selectMemTitle">Add a member</p>
<mat-icon aria-hidden="false" aria-label="add icon">add_circle_outline</mat-icon>
</div>
</div>
這是我的Javascript檔案：
addMember(){
const x = document.getElementById('addingMembers');
x.innerHTML =
`<div id="members">
Hey I'm added
</div>
`;
}
在這里，我想使用 CSS 檔案為我的成員div 設定樣式，但樣式并未應用于它：
#addingMembers #members{
background-color: red;
}
uj5u.com熱心網友回復：
向您要添加的控制元件添加一個類。檢查以下示例。
function tes() {
let change = document.getElementById("addingMembers");
change.innerHTML = '<input type="text" />';
} .randomCls{
background-color:red;
}<div id="addingMembers">
</div>
<input type="button" id="btn1" onclick="tes()" value="Check" />uj5u.com熱心網友回復：
使用 ::ng-deep 偽類禁用視圖封裝。或者將您的樣式移動到全域樣式。
::ng-deep #addingMembers #members{
background-color: red;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/329292.html
標籤：javascript html css 有角的