html - 复选框:删除焦点上的方 block

Question

如何删除输入获得焦点时显示的单选按钮周围的小方 block ？

我很确定这是一个重复的，但我不知道这个正方形实际上叫什么，也找不到我要找的东西。

我在输入上尝试了autocomplete="off"。我尝试了 jQuery 的 preventDefault 但没有成功。

更新:感谢您的回复。如果有人遇到这个问题，这里是使用 Firefox 附加外观的效果(上图没有外观，下图有外观):

以防万一有人遇到同样的问题。

更新 Chrome/Safari，外观 删除输入

-webkit-appearance: none; would make the radio buttons disappear in Chrome and Safari. check jsfiddle.net/8uY6H (with Chrome)

- 由肯尼迪 6 指出

Answer 1

尝试这个 CSS，因为它是一个轮廓:

input[type="radio"]:focus {
    outline:none;
}