我在设计表单样式时遇到困难。这是网页的 HTML 代码片段。
<li class="gchoice_8_8_0">
<div class="tetapose_radio">
<input id="choice_8_8_0" type="radio" onclick="gf_apply_rules(8,[0,33,38,39,9,10,89,91,35,34]);" tabindex="16" value="0|0" name="input_8">
<label for="choice_8_8_0"></label>
</div>
<label id="label_8_8_0" for="choice_8_8_0">
<span class="column">
Code
</span>
</label>
</li>
现在,我想做的是在标签中设置跨度的样式,该跨度超出了环绕 radio 输入的 div 标签
我尝试了这段代码但没有成功
li .tetapose_radio input[type="radio"]:checked ~ li label .column {
box-shadow: 0px 4px 10px #1f8bcf !important;
border-bottom: 1px solid #fff;
z-index: 999;
}
我们可以使用
:checked + label
但它仅适用于紧跟在输入标签之后的标签。
这是 WordPress 站点的代码,div 标签被主题本身包裹着,我不知道如何删除该标签。如果有人知道如何使用函数删除包裹在单选按钮周围的 div 标签,那就太棒了。
否则 CSS 技巧就可以了。
最佳答案
我想你可以使用这个正则表达式的 preg_match 来返回 div 的内容,
#<div.*(?<=class=)"tetapose_radio".*>(.*)<\/div>#sU
然后用 preg_match 返回的内容替换内部输入的 div(要查找 div,您可以使用相同的正则表达式)。
通常它会成功:)
关于php - 如何删除包裹在单选按钮周围的 div 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29205040/