input submit button iOS webview browser diffrence

最近做项目用到了webview,

在浏览器中显示正常的input[type="submit"]按钮,

加载到webview中后css里的设置都失效了,

webview里渲染的是最原始的按钮。

网上找到了原因和解决方案, webview显示该按钮时,

会用苹果默认UI渲染,这样就出现我刚才那种现像,

我们在样式中明确的设置了button的效果,

但到webview上就不生效了。要想让它生效,

就需要在样式中明确的指明:

#confirmButton{

border-radius:0;

-webkit-appearance: none;

}

当然,用button标签不会出现这种情况。

原文地址:https://www.cnblogs.com/vonk/p/4276375.html