HTML – 为什么提交按钮的颜色变得奇怪？

概述这是提交按钮的默认颜色,没有任何特定样式. (使用铬) 这是使用此输入后的那个按钮[type =“submit”] {border-radius：2px;}. 当你看到第二个的颜色时,没有任何特殊原因突然改变,你也可以在边框的右边和底边看到阴影. (体{方向：RTL;}) 什么原因？我只需要一个带圆边框的默认按钮(不再有).有什么解决方案吗？或者我应该用这个图像？ JSFiddle here. 常 这是提交按钮的默认颜色,没有任何特定样式. (使用铬)

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

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

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

JSFiddle here.

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

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

@R_502_5559@: thin solID gray;@R_502_5559@-radius: 2px;padding: 2px 4px;background-image: linear-gradIEnt(white,lightgray);

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

总结

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

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。