【样式问题】如何清除input[button]自带的阴影

santree

目前在一个自己写的按钮上发现会出现默认阴影，使用overflow: hidden和box-shadow: none !important都无用，请问谁能提供一个可行的解决方案吗。。因为UI说不能要阴影... .-btn { margin: 0 95px; width: 560px; height: 72px; background-color: #FE4070; border: 1px solid transparent; border-radius: 40px; color: #ffffff; font-size: 28px; box-shadow: none !important; overflow: hidden; }

jy

2个思路： 1、在button外面套一个div，高度与button一致

1. <div style="height:120px"><button style="height:120px" value="确定"></button></div>

复制代码

2、用div或text组件代替button

jy

button是否有阴影取决于快应用渲染器，像华为的button渲染出来是没有阴影的 而且大多数厂商上，button一旦改变了背景色后，按钮点击时，只有阴影部分会有动画效果（背景色仅默认灰色时点击后才会变色），所以如果不想要阴影，建议直接用其他组件代替button，因为button的4个圆角在某些厂商设备上看起来不完全是圆角，也有些许阴影存在