uniapp中uni-radio { appearance: none; }不生效是为什么？

可能的原因有以下几点：

1. 样式优先级不够高

如果在样式中设置了多个规则，可能存在优先级冲突的情况。可以使用浏览器的开发者工具查看元素的样式规则，看是否被其它规则覆盖了。可以通过增加样式规则的权重或使用 `!important` 声明来提高该样式的优先级。

2. 组件使用了slot插槽

如果 `uni-radio` 组件使用了 slot 插槽，可能会影响样式规则的生效。可以在插槽内部添加一个 `<div>` 元素，然后在该元素上应用样式规则，如下所示：

<uni-radio>
  <div class="my-radio">
    <span class="my-radio-icon"></span>
    <span class="my-radio-label">选项1</span>
  </div>
</uni-radio>

.my-radio .my-radio-icon {
  /* 取消默认样式 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 自定义样式 */
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

.my-radio .my-radio-icon:after {
  /* 选中样式 */
  content: "\2713";
  display: none;
  color: #fff;
  background-color: #007aff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  margin: 2px;
}

.my-radio input[type="radio"]:checked + .my-radio-icon:after {
  display: block;
}

3. 被父元素的样式规则覆盖

如果 `uni-radio` 组件被包含在其它元素中，可能会受到父元素的样式规则影响。可以通过设置 `uni-radio` 组件的 `class` 属性，来应用自定义样式规则。

如果仍然无法解决问题，可以提供更多的代码和详细的描述，以便更好地帮助你解决问题。