HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML – 为什么提交按钮的颜色变得奇怪?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是提交按钮的默认颜色,没有任何特定样式. (使用铬)

这是使用此输入后的那个按钮[type =“submit”] {Border-radius:2px;}.

当你看到第二个的颜色时,没有任何特殊原因突然改变,你也可以在边框的右边和底边看到阴影. (体{方向:RTL;})

什么原因?我只需要一个带圆边框的默认按钮(不再有).有什么解决方案吗?或者我应该用这个图像?

JSFiddle here.

解决方法

常规的,没有样式的按钮是系统UI元素(或者在Chrome的情况下,是自定义的).因此,它可能没有CSS等价物.因此,当您尝试设置按钮样式时,它会恢复为可以设置样式的普通按钮,但恰好有不同的颜色.

您将不得不完全接管并指定按钮的每个部分以获得类似的回顾(即使您这样做,使用系统默认按钮的Firefox用户也会受到冲击).如果你喜欢这种外观,这里是如何在某种程度上复制它(Demo):

border: thin solid gray;
border-radius: 2px;
padding: 2px 4px;
BACkground-image: linear-gradient(white,lightgray);

更不用说:悬停和:活跃的状态样式.为什么不借此机会想出一个适合您页面的漂亮定制外观?

大佬总结

以上是大佬教程为你收集整理的HTML – 为什么提交按钮的颜色变得奇怪?全部内容,希望文章能够帮你解决HTML – 为什么提交按钮的颜色变得奇怪?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。