停止Safari Mobile的inputbutton圆angular

我想这个主题是这么说的。 在Iphone,Ipod或Ipad上查看时,我有一个Web应用程序,input提交button有圆angular。 有没有办法阻止这个?

5 Solutions collect form web for “停止Safari Mobile的inputbutton圆angular”

如果你添加…

input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; } 

然后您的button将inheritance您为其他浏览器应用的任何CSS样式。

没有为我工作,-webkit外观:没有。

这样做:

 input[type=submit] { -webkit-border-radius:0px; } 

在背景图像上,我只是在iPhone上遇到了与圆angular相同的问题。

你可以尝试使用下面的CSS:

 -webkit-appearance:none; 

更多信息: http : //trentwalton.com/2010/07/14/css-webkit-appearance/

我发现在iPad 2上必须使用以下内容:

 -webkit-appearance:none; border-radius: 0; 

在你的button类。

我有一个input提交types=“图像”的网站。 上面这个固定圆angular的变化:

 input[type=image] { -webkit-border-radius:0px; } 
  • 在xcode上识别新的iPhone模型(5,5c,5s)
  • 枚举case'...'不是types'...'的成员
  • 我如何testing我的iOS应用程序
  • 创buildUIActionSheet
  • 在UIButton缩放图像到AspectFit?
  • UIButton删除所有目标操作
  • 目标C:使用进度条下载文件
  • 当赛格是模态的时候,执行赛克斯的标识非常慢
  • 在我的iPhone应用中将string转换为date
  • 在ios9中replacestringByAddingPercentEscapesUsingEncoding?
  • “这个UIView似乎是一个NSISVariable的代表,它不知道任何关于。 这是一个内部UIKit错误“错误