有一个输入复选框
<input type="<?php echo esc_attr($type == 'tabs_radio' ? "radio" : "checkbox") ?>" <?php checked($checked) ?> name="woof_section_tabs" class="input-rst-btn" id="woof_tab_<?php echo esc_attr($key . "_" . $id); ?>">
输出看起来像:
<input type="checkbox" name="woof_section_tabs" class="input-rst-btn" id="woof_tab_pa_product-category_67793e016ad43">
并且有一个标签
<label class="woof_section_tab_label" for="woof_tab_pa_product-category_67793e016ad43" id="woof_pa_product-category_67793e016ad43_content">
当您单击复选框时,其标签可以设置为选中的样式,这样可以:
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label {
position: absolute;
top: 75px;
right: 0;
z-index: 21;
}
还有一个div(在input之前,一个parent),当input[name="woof_section_tabs"]:勾选时需要改变样式,我写
.woof_redraw_zone input[name="woof_section_tabs"]:checked + .rst-btn (класс DIVa) {
position: absolute;
top: 75px;
right: 0;
z-index: 21;
}
块本身
<div class="woof_submit_search_form_container rst-btn" id="rst-btn"><a href="/" class="rst-butt"><div class="reset-in-filter" data-link="">Текст</div></a></div>
而且根本不行,我也通过js尝试过
var obj1 = document.getElementsByClassName('woof_section_tab_label');
if (getComputedStyle(obj1).position == 'absolute') {
document.getElementsByClassName('woof_submit_search_form_container').style.position = 'absolute';
}
那些。事实证明,当 input:checked 时,div 块需要分配位置:absolute,使用标签本身可以正常工作。他不想去找女主角。请帮忙解决,css和脚本都可以。