Input Safari选项错误抑制标签

我在chrome上设计了一个表单，它在fireworks、webkit nightly builds和IE10以及coda的内置浏览器上也能很好地工作。我在狩猎中发现了一只奇怪的虫子。通过加载预选中选项，它看起来很好，如下所示：

选择“pro”选项后，奇怪的是，它只会更改一半的标签背景颜色和文本颜色，这仅在safari中发生：

在不隐藏input=“option”字段的情况下，渲染效果良好

但是，我不想显示选项输入本身，只想显示标签

我尝试了一切，从display:none，到绝对开箱即用，到visibility:hidden，再到像选项width和height到0px这样的黑客攻击，等等

是否有人碰巧遇到了这个问题并找到了解决方案或解决方法

当前HTML代码如下所示：

<div id="modules">
<fieldset class="pd3m gr group_modul">
<div class="g3 option">
<input id="Customer_modul_basic" value="basic" checked="checked" type="radio" name="Customer[modul]" />
<label for="Customer_modul_basic">Basic</label><div class="sub">

编辑，已解决此情况： 我能够避免这个错误。似乎Safari在这个特定用例的“transition:all”中遇到了问题。在指定转换中应包括哪些属性并删除“全部”后，该转换工作正常。我想这在大多数情况下都会起作用，在这种情况下，一定有一个属性会导致转换出现问题，我不能说这个属性

---

如果有人有同样的问题，请确切说明您在转换过程中想要什么。

解决了我的问题，可能在大多数情况下，请参阅“编辑”。通常，在找到自己的答案时，最好实际使用答案框（使人们更容易看到有解决方案）

.option label {
  border-bottom: 1px solid grey;
  display: block;
  padding: 7px 15px 4px;
  font-size: 20px;
  line-height: 32px;
}

.option input[type="radio"] {
  display: none;
}

.option input[type="radio"]:checked + label {
  background: #b8c102;
  -webkit-box-shadow: 0px 4px 0px 0px #888f01;
  -moz-box-shadow: 0px 4px 0px 0px #888f01;
  box-shadow: 0px 4px 0px 0px #888f01;
  border-bottom: 1px solid #888f01;
  color: white;
  text-shadow: 0px 4px 0px #888f01;