Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 什么控制收音机和复选框的默认样式?_Html_Css_Macos_Google Chrome - Fatal编程技术网

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

Html 什么控制收音机和复选框的默认样式?,html,css,macos,google-chrome,Html,Css,Macos,Google Chrome,根据不同的站点,我会为收音机和复选框设置两种不同的默认样式 以下图片是使用相同的操作系统/浏览器MacOS Mojave,Chrome 72拍摄的 1蓝色/白色样式: 例如,在Gmail中: 2灰色/黑色样式: 例如,在Reddit中: 在这两种样式中,元素都具有CSS规则-webkit外观:radio/checkbox 知道是什么控制了这个默认样式吗?你的浏览器的缩放设置 仅当缩放设置为100%时,才会显示macOS样式框。Chrome/WebKit样式框以所有其他缩放级别显示。浏览器的缩放设

根据不同的站点,我会为收音机和复选框设置两种不同的默认样式

以下图片是使用相同的操作系统/浏览器MacOS Mojave,Chrome 72拍摄的

1蓝色/白色样式: 例如,在Gmail中:

2灰色/黑色样式: 例如,在Reddit中:

在这两种样式中,元素都具有CSS规则-webkit外观:radio/checkbox


知道是什么控制了这个默认样式吗?

你的浏览器的缩放设置


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

浏览器的缩放设置


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

表单元素(如复选框和单选按钮)的外观因用户的浏览器和操作系统而异。尽管如此,你可以应用CSS和JS使每个人的行为一致。我可以在你提到的两个网站上看到相同的行为。根据用户的浏览器和操作系统,复选框和单选按钮等元素看起来不同。尽管如此,你可以应用CSS和JS使其对每个人都保持一致。我可以在你提到的两个网站上看到相同的行为