我想更改单选按钮的颜色

Question

当我使用蓝色、红色和绿色时，一切正常。 但是，当我使用橙色或颜色代码#fb0时，中间部分会出现黑色半径。

accent-color: red	accent-color: #fb0

input[type=radio] {
    accent-color: #fb0;
    /* ... */
}

Answer 1

在我的浏览器（Mac 上的 Safari）中运行良好

label {
  display: block;
}

input[type=radio][value="1"] {
  accent-color: #f00;
}

input[type=radio][value="2"] {
  accent-color: #fb0;
}

input[type=radio][value="3"] {
  accent-color: #080;
}

input[type=radio][value="4"] {
  accent-color: #00f;
}

<label><input type="radio" value="1" checked> One</label>
<label><input type="radio" value="2" checked> Two</label>
<label><input type="radio" value="3" checked> Three</label>
<label><input type="radio" value="4" checked> Four</label>