php - 如何删除包裹在单选按钮周围的 div 标签?

标签 php html css wordpress

我在设计表单样式时遇到困难。这是网页的 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/

相关文章:

jquery - Bootstrap Image Gallery - 根据相册显示图片

css - Angular:如何根据需要请求图像以加速加载(使用 ngx-bootstrap)

php - $POST PHP 问题

html - 边框样式不适用于 div

html - 如何在 Bootstrap 中进行这样的布局?

php - symfony 3 应用程序在 DebugClassLoader 中默默地失败了 require_once

javascript - 模态内的 Bootstrap 模态;关闭模态后无法滚动

php - 按字母数字顺序对 php 数组进行排序

php - Symfony2 从 ssl 子域注销

php - 使用 php 空字段在多行中插入表单值