最近做项目用到了webview,
在浏览器中显示正常的input[type="submit"]按钮,
加载到webview中后css里的设置都失效了,
webview里渲染的是最原始的按钮。
网上找到了原因和解决方案, webview显示该按钮时,
会用苹果默认UI渲染,这样就出现我刚才那种现像,
我们在样式中明确的设置了button的效果,
但到webview上就不生效了。要想让它生效,
就需要在样式中明确的指明:
#confirmButton{
border-radius:0;
-webkit-appearance: none;
}
当然,用button标签不会出现这种情况。