Css 不同的Chrome复选框样式

Css 不同的Chrome复选框样式,css,google-chrome,checkbox,Css,Google Chrome,Checkbox,我为两个站点打开了同一版本的Chrome 31,其中一个站点在右侧有复选框,我在调试器中检查了样式,但我似乎无法找出是什么导致了它 它必须是应用的自定义Chrome样式,因为它只是使用标准的 这是具有较大css宽度和高度的复选框: 两个站点都使用第一个复选框是默认的,第二个复选框是自定义的。每个浏览器以自己的方式绘制的Standart复选框。自定义复选框使用JS+CSS for IE8和早期更改其外观,或仅使用CSS并使用:before和:after。 使用清晰的CSS,我制作了一个不需要

我为两个站点打开了同一版本的Chrome 31,其中一个站点在右侧有复选框,我在调试器中检查了样式,但我似乎无法找出是什么导致了它

它必须是应用的自定义Chrome样式,因为它只是使用标准的

这是具有较大css
宽度和
高度的复选框:


两个站点都使用

第一个复选框是默认的,第二个复选框是自定义的。每个浏览器以自己的方式绘制的Standart复选框。自定义复选框使用JS+CSS for IE8和早期更改其外观,或仅使用CSS并使用
:before
:after

使用清晰的CSS,我制作了一个不需要使用标签的版本:

css的一个片段轻松地更改了所有复选框,这是我的目标


我没花太多时间在款式上,但你已经了解了要点。

我想明白了。另一个站点在Chrome中稍微放大。切换到备用渲染的CSS样式为…缩放


zoom:1.1

最新的chrome和IE,im与Firefox相比,似乎能够将复选框和单选按钮缩放到所需的宽度和高度

以下代码将收音机和复选框缩放为50px 50px大复选框

input[type=radio], input[type=checkbox] {
    height: 50px; width: 50px;
}
请比较不同浏览器中的外观:

您是否检查了每个站点加载的框架和插件?在调试器中,查看为每个站点加载的脚本。。可能其中一个正在更改其中一个站点的复选框检查此站点的复选框可能是prettyCheckable(prettyCheckable.js)或prettyCheckable.css哪个网站?我确信这样做是为了隐藏实际的输入,而你看到的只是一个看起来像输入的漂亮版本。这也是prettyCheckable上的操作方式。它是一个内部站点,实际上是同一个站点,但第二个复选框在稍旧的版本上,所以有些变化,但我似乎不知道它是什么。我希望这是一个简单的CSS样式或其他什么。它看起来不错,但我仍在试图弄清楚另一个复选框是否是自定义的,或者Chrome是否支持另一个版本,使用类似-webkit外观的东西?谢谢,我正在为mybb网站做主题,只看到人们说使用它没有用。。所以把这些放在一起,他们是最不可能的风格,但值得!显然,除===1之外的任何缩放都会触发浏览器的默认渲染。我正在使用.9999让Chrome正确渲染。我尝试了1.0001,但它把Safari搞砸了。对于我来说,缩放样式在windows上是不够的,我必须使用转换,就像本文中描述的那样。