时间戳

首页 > 解决方案 > 仅使用 CSS 删除单选按钮文本

html - 仅使用 CSS 删除单选按钮文本

问题描述

如果我有单选按钮后跟没有任何类/ID 的文本，有没有办法删除文本？例如，如果我有这些代码

<label class="radio-wrapper">
<input type="radio" id="sex_0" name="sex" value="Male"> Male
</label>

如何隐藏文本Male使其仅显示单选按钮仅使用 CSS？到目前为止，我已经尝试过：

input[type="radio"]+label { 
    display:none !important;
}

但是文本仍然来了。另外，我不能提供任何或那些文本，因为我只能访问 CSS。

标签： htmlcss

解决方案

font-size将设置为零。

label.radio-wrapper {
  font-size: 0;
}
<label class="radio-wrapper">
<input type="radio" id="sex_0" name="sex" value="Male"> Male
</label>

推荐阅读