是什么控制收音机和复选框的默认样式?

时间:2019-02-18 23:59:09

标签: html css macos google-chrome

根据网站的不同,我会获得两种不同的收音机和复选框默认样式。

以下图像是使用相同的操作系统/浏览器( MacOS Mojave Chrome 72 )拍摄的。

1)蓝色/白色样式:

例如,在Gmail中:

enter image description here

2)灰色/黑色样式:

例如,在Reddit中:

enter image description here

在两种样式中,元素均具有CSS规则-webkit-appearance: radio/checkbox

有什么主意在控制这种默认样式吗?

1 个答案:

答案 0 :(得分:4)

浏览器的缩放设置。

仅在缩放设置为100%时显示macOS样式的框。 Chrome / WebKit样式框以所有其他缩放级别显示。