您只是从所选中 删除该类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 关注
- 104 浏览
添加回答
举报
0/150
提交
取消