这是提交按钮的默认颜色,没有任何特定样式. (使用铬)
这是使用此输入后的那个按钮[type =“submit”] {border-radius:2px;}.
当你看到第二个的颜色时,没有任何特殊原因突然改变,你也可以在边框的右边和底边看到阴影. (体{方向:RTL;})
什么原因?我只需要一个带圆边框的默认按钮(不再有).有什么解决方案吗?或者我应该用这个图像?
解决方法
常规的,没有样式的按钮是系统UI元素(或者在Chrome的情况下,是自定义的).因此,它可能没有CSS等价物.因此,当您尝试设置按钮样式时,它会恢复为可以设置样式的普通按钮,但恰好有不同的颜色.
您将不得不完全接管并指定按钮的每个部分以获得类似的回顾(即使您这样做,使用系统默认按钮的Firefox用户也会受到冲击).如果你喜欢这种外观,这里是如何在某种程度上复制它(Demo):
border: thin solid gray; border-radius: 2px; padding: 2px 4px; background-image: linear-gradient(white,lightgray);
更不用说:悬停和:活跃的状态样式.为什么不借此机会想出一个适合您页面的漂亮定制外观?