html - 如何更改 Chrome 中 HTML 表单控件的默认强蓝色?

标签 html css google-chrome input defaultstyleddocument

enter image description here

除了使用第三个CSS库来更改输入元素的默认锐蓝色样式之外,还有其他解决方法吗?经过这样的更新,复杂的界面看起来完全不一致......

最佳答案

我不认为复选框或类似输入的外观可以通过 CSS 进行更改,因为它们是浏览器界面的一部分。那么你能做什么呢?

CSS 库是一个解决方案,正如您已经建议的那样。

如果您只是不喜欢蓝色的亮度,则另一种选择是在每个复选框上放置另一个元素,降低不透明度(一个具有绝对位置和一个白色填充可能是一个解决方案)。

这种方法的缺点是需要向 HTML 添加额外的元素,并且可用的外观仍然非常有限。

我建议使用 CSS 创建您自己的复选框 - 实际上并不那么困难,并且复选框输入元素可以保持它们现在在后台的状态。

我认为this tutorial w3schools 上的内容可能对您非常有用。也许需要做更多的工作,但还有一个额外的优势,即您的复选框等看起来完全符合您想要的方式,不仅在 Chrome 中,而且在每个浏览器中。

抱歉,我无法提供一个简单的解决方案,但我希望它能有所帮助!

关于html - 如何更改 Chrome 中 HTML 表单控件的默认强蓝色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62073709/

相关文章:

html - 如何在CSS中进行硬币翻转变换

php - 为什么 smarty greater than function 不起作用?

css - Sprite 优化?

不同浏览器中具有不同高度的 HTML 元素

jquery - 如何将图标设为占位符

javascript - 使用 jQuery 在表单外部序列化动态生成的 HTML 输入元素

javascript - 制作流畅、动态的网站

html - Outlook.com 如何为标题文本加下划线?

css - 如何将特定的 CSS 规则仅应用于 Chrome?

javascript - Webgl Chrome 空白 Canvas