如何仅将特定单选按钮组重置为CSS默认样式？

我正在维护一个基于HTML、CSS的大型项目，现在需要单独给某一组单选按钮重置样式——让它同时显示单选按钮和标签（当前仅显示标签）。项目规模太大，绝对不能修改全局按钮样式，避免破坏其他功能。

当前样式 #

期望样式 #

已尝试的方案 #

方案1 #

CSS代码：

.un_preserve_radio{all:initial;visibility:visible;appearance:radio;opacity:1;position:fixed;width:100%;-webkit-appearance:radio;-moz-appearance:radio;-O-appearance:radio}

HTML代码：

<label>
    <input type="radio" name="un_preserved" onclick="preserved_button_click()" class="un_preserve_radio" />
    Preserved
</label>
<label>
    <input type="radio" name="un_preserved" onclick="unpreserved_button_click()" class="un_preserve_radio" />
    Unpreserved
</label>

更新后的尝试 #

给外层div添加内联样式后出现新问题：添加all: initial时文本变成黑色，移除该属性后文本显示蓝色，但单选按钮仍未恢复默认显示。

HTML代码：

<div style="color:blue; all: initial; visibility: visible;">
    <label>
        <input type="radio" name="un_preserved" onclick="preserved_button_click()" class="un_preserve_radio" />
        Preserved
    </label>
    <label>
        <input type="radio" name="un_preserved" onclick="unpreserved_button_click()" class="un_preserve_radio" />
        Unpreserved
    </label>
    <br />
</div>

注：此需求与“重置input[radio]的CSS”场景类似，但核心是仅针对这一组单选按钮恢复默认样式，不影响全局其他元素。

内容的提问来源于stack exchange，提问作者dstromberg