Html 是什么让单选按钮变成蓝色还是灰色_Html_Css

Html 是什么让单选按钮变成蓝色还是灰色

html css

Html 是什么让单选按钮变成蓝色还是灰色,html,css,Html,Css,当我访问许多网页时，我注意到标准单选按钮在如下选择时为蓝色：据我所知，没有css将单选按钮的外观更改为蓝色。但是，当我创建一个非常标准的html页面时，它看起来是这样的：我到底错过了什么？是外部库导致按钮显示为蓝色吗这是标准单选按钮代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> &l

当我访问许多网页时，我注意到标准单选按钮在如下选择时为蓝色：

据我所知，没有css将单选按钮的外观更改为蓝色。但是，当我创建一个非常标准的html页面时，它看起来是这样的：

我到底错过了什么？是外部库导致按钮显示为蓝色吗

这是标准单选按钮代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="radio" name="color">  Grey 
</body>
</html>


灰色

我正在使用chrome版本65来检查这些元素的样式是否主要由OS/浏览器控制，并且覆盖并不是所有浏览器都通用的。发件人：

默认情况下，单选按钮（和复选框）的样式为这些控件的操作系统本机样式。通过指定

外观：无

，可以完全删除本机样式，并为它们创建自己的样式

本文的其余部分给出了一个示例，说明如何使用

外观：none

CSS规则设置无线电元素的样式。

我也有同样的问题，我从google找到了这个问题，并解决了这个问题：从M81开始，标准表单控件元素（例如）被赋予了全新的外观和感觉，具有更好的可访问性和更好的平台一致性。此策略将恢复旧的“旧”表单控件元素，直到M84

如果此策略设置为True，则“旧”表单控件元素将用于所有站点

如果此策略设置为False或not set，则表单控制元素在M81、M82和M83中启动时将被启用

此策略将在Chrome 84之后删除

发件人：

我们使用UiPath实现UI自动化，在最近的浏览器更新之后，在Chrome中遇到了同样的问题。谷歌似乎在ChromeV83.xPlus中寻找这些输入

如果要将Chrome浏览器更改回默认的灰色CSS，可以在中更改此新设置chrome://flags 菜单。我们必须这样做，因为我们依赖一些基于图像的选择器来实现UI自动化。如果谷歌不强制这样的违约，那就太好了

以下是我在上面的链接中使用的答案：

David Boland 5131 6/16/20

如果必须返回旧版本（v83.x之前的Chrome样式），请禁用 chrome://flags/#form-控制刷新（也称为“Web平台控制更新的UI”）

我不确定我的页面出了什么问题，只是有些东西看起来不对劲正确的。我将不得不为我访问的网站拍照还有日期。对我来说，这是一个内部局域网网关配置我知道在CSS中不会用一些奇怪的蓝色更新页面因为这是一个很旧的盒子

它会将复选框更改回带有黑色的旧灰色背景勾选复选框，然后清除所有奇怪的浅蓝色（它似乎连超链接都比v83轻了一点）

我从reddit线程中找到了该标志。谢谢

以下是该设置的屏幕截图：

老实说，我从未见过蓝色单选按钮。你能提供一个实现它的网站的例子吗？@CristianTraìna在选择亚马逊配送选项时，它是蓝色的收音机，另一个例子：@CristianTraìna我尝试复制与上面链接完全相同的源代码，除了我的服务器上的单选按钮是灰色的之外，其他一切都是相同的。@Sackling CSS。检查这个：很抱歉，我无法复制它。css技巧页面还显示了灰色的收音机按钮，尽管重置css规则被认为是一个大禁忌-这实际上是少数例外之一。