Question

我正在使用此代码：当有人点击复选框（并且未选中复选框）以显示表单时，当他们再次单击（并选中复选框）时，它会隐藏表单。所有这些都在Chrome上运行，但在IE和Firefox上却没有用。我不知道为什么。我认为这是来自:after但是...如果有人可以帮助我......：

div#payment_address_shipping_address_input input[type=checkbox] {
	width: 13px;
    height: 13px;
    cursor: pointer;
    font-size: 10px;
    margin: 0;
    text-align: center;
    position:relative;
    display:inline-block;
}

div#payment_address_shipping_address_input input[type=checkbox]:after {
    content: "\2713";
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid black;
    visibility: visible;
    width: 13px;
    height: 14px;
    font-size: 10px;
    font-weight: 700;
    position:relative;
}

div#payment_address_shipping_address_input.checkbox-input.form-group.sort-item input[type=checkbox]:checked:after {
    content: " ";
    position:relative;
    display:inline-block;
}

<div id="payment_address_shipping_address_input" class="checkbox-input form-group sort-item   " data-sort="18">  <div class="col-xs-12"> <label for="payment_address_shipping_address" class="control-label"> <input type="hidden" name="payment_address.shipping_address" value="0"> <input type="checkbox" autocomplete="on" name="payment_address.shipping_address" id="payment_address_shipping_address" class="validate not-required" value="1" checked="checked"> <span title="">Искам фактура</span> </label> </div>  </div>

：在Firefox和IE之后不工作

0 个答案: