您只是從所選中 刪除該類div。該三元條件的部分else永遠不會被滿足，因為它div代表您選擇的按鈕。您需要從所有 div 中刪除該類。$(".table-item").removeClass('table-selected');var div = $(this).closest('.table-item');if ($(this).is(":checked")) { div.addClass("table-selected");}最重要的是，這項工作必須在不向 HTML 標簽添加任何元素或直接更改 HTML 標簽的情況下完成，并且所有更改都必須使用 CSS 完成！任何幫助將不勝感激！
4 回答
Smart貓小萌
TA貢獻1911條經驗 獲得超7個贊
不，您可以使用css content 屬性來生成/替換這樣的內容。
p:after?{
????content:?"lorem";
}如果你想改變 html，你必須使用 javascript。
慕妹3146593
TA貢獻1820條經驗 獲得超9個贊
您無法使用 HTML/CSS 以編程方式創建/刪除/替換 DOM 元素。這需要 Javascript，或者手動創建元素，即使這樣也pseudo element只能after做這么多，因為你無法在 content 屬性中添加工作輸入，這是你可以在 javascript 中使用的一種方法
<!DOCTYPE html>
<html>
<body>
<p>Click the button to create a basic input field</p>
<button onclick="myFunction()">create</button>
<script>
function myFunction() {
var x = document.createElement("INPUT");
x.setAttribute("type", "text");
x.setAttribute("value", "this is a simple input");
document.body.appendChild(x);
}
</script>
</body>
</html>
瀟瀟雨雨
TA貢獻1833條經驗 獲得超4個贊
#Code_G {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1;
color: #d9d3d3;
text-align: center;
position: relative;
}
#Code_L {
position: absolute;
right: 15px;
top: 16px;
background: #fff;
padding: 0 10px;
color: #000;
}
#Code_F {
min-height: 46px;
box-sizing: border-box;
border: 1px solid #ced4da;
border-radius: 4px;
padding: 15px 15px 10px 15px;
font-size: 16px;
font-weight: 400;
color: #495057;
text-align: right;
margin-top: 8px;
}
<div id="Code_G" class="editor-group">
editor-group<br />
<div id="Code_L" class="editor-label ">
editor-label
</div>
<div id="Code_F" class="editor-field ">
editor-field
</div>
</div>
慕田峪7331174
TA貢獻1828條經驗 獲得超13個贊
您可以使用fieldsetandlegend來達到此目的。
legend {
text-align:right
}
.output {
font: 1rem 'Fira Sans', sans-serif;
}
input {
border:none;
width:100%;
outline:none;
}
fieldset {
border-radius:5px;
width:400px;
}
input::placeholder {
text-align:right
}
<div>
<fieldset>
<legend>editor-field</legend>
<input type="text" id="monster" name="monster" placeholder="editor-field">
</fieldset>
</div>
- 4 回答
- 0 關注
- 164 瀏覽
添加回答
舉報
0/150
提交
取消