如何仅使用 CSS 创建 HTML 标签
您只是从所选中 删除该类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 完成！任何帮助将不胜感激！
冉冉说浏览 105回答 4
4回答
-
Smart猫小萌
不，您可以使用css content 属性来生成/替换这样的内容。p:after { content: "lorem"; }如果你想改变 html，你必须使用 javascript。 -
慕妹3146593
您无法使用 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> -
潇潇雨雨
#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
您可以使用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>
随时随地看视频慕课网APP
相关分类
Html5