隐藏标签内的所有内容，但img

Question

我想隐藏标签中除图像之外的所有内容。

.payment_method_vipps label :not(img){
	display: none!important;
}

<li class="wc_payment_method payment_method_vipps">
<input id="payment_method_vipps" type="radio" class="input-radio" name="payment_method" value="vipps" data-order_button_text="Betal med Vipps">
	<label for="payment_method_vipps">
			vipps
		<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/1200px-CSS3_logo_and_wordmark.svg.png" alt="Vipps" style="width: 100px; height: auto;">
	</label>
<div class="payment_box payment_method_vipps" style="display: block;">
</div>
</li>

我已经尝试使用：not选择器，但它隐藏了所有内容或什么都没有。感谢您的时间和帮助。

Answer 1

您可以尝试使用此CSS

.label[for=payment_method_vipps] {opacity: 0;}
.label[for=payment_method_vipps] img{opacity:1;}