Question

我正在尝试更改复选框问题的标签。我无权访问HTML，因此无法使用CSS和/或Javascript。

我想用组织名称代替原始标签此捐赠代表公司。

我尝试使用下面的CSS代码，但是它只是在原始文本之前添加了替换文本（请参见底部的图像）。该代码可用于更改文本字段标签，但似乎不适用于复选框标签。

label[for="is_donating_company"] {
  font-size: 0 !important;
}

label[for="is_donating_company"]:before {
  content: "Organization Name";
  font-size: 16px;
}

<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-js-ripple-effect--ignore-events is-upgraded" for="is_donating_company" data-upgraded=",MaterialCheckbox,MaterialRipple" style="height: 24px;">
<input type="checkbox" name="is_donating_company" id="is_donating_company" class="mdl-checkbox__input">
<span class="mdl-checkbox__label">This donation is on behalf of a company</span>
<span class="mdl-checkbox__focus-helper"></span><span class="mdl-checkbox__box-outline">
<span class="mdl-checkbox__tick-outline"></span></span>
<span class="mdl-checkbox__ripple-container mdl-js-ripple-effect mdl-ripple--center" data-upgraded=",MaterialRipple">
<span class="mdl-ripple"></span></span>
</label>

图像：https://i.imgur.com/pUpWXZj.png和https://i.imgur.com/TVt1cC1.png

Answer 1

仅取决于CSS的情况下可能的解决方案：

$id=1

label[for="is_donating_company"] span.mdl-checkbox__label { font-size: 0 !important; }
label[for="is_donating_company"] span.mdl-checkbox__label:after { content: "Organization Name"; font-size: 16px; }

使用CSS和/或JavaScript编辑复选框问题标签

1 个答案: