Question

我在为我的表单设计样式时遇到了困难。这是网页的HTML代码段。

＆＃13;

<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>

＆＃13;

现在，我想要做的是设置标签中的跨度，该标签位于包围无线电输入的div标签之外

我没试过这个代码

＆＃13;

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;
}

＆＃13;

我们可以使用

＆＃13;

:checked + label

＆＃13;

但它仅适用于紧跟输入标签的标签。

这是来自WordPress网站的代码，div标签由主题本身包装，我不知道如何删除该标签。如果有人知道如何使用函数删除包裹在单选按钮周围的div标签，那就太棒了。

否则CSS技巧会很好。

Answer 1

我猜你可以使用这个正则表达式的preg_match来返回div的内容，

#<div.*(?<=class=)"tetapose_radio".*>(.*)<\/div>#sU

然后将输入里面的div替换为preg_match返回的内容（找到可以使用相同正则表达式的div）。

通常它会起作用：）

Answer 2

好的，我找到了解决方法。

重力形成自定义字段的问题。我将自定义字段替换为普通字段，现在

标签位于div标签内。

所以，现在我可以设计它：D

感谢您的回复......

如何删除包围单选按钮的div标签？

2 个答案: