我的网站在iPhone/Safari浏览器上呈现得很好,只有一个例外:我的文本输入字段有一个奇怪的圆形样式,这与我网站的其他部分看起来一点都不好看。
是否有一种方法来指导Safari(通过CSS或元数据)不四舍五入的输入字段,并将它们呈现为预期的矩形?
我的网站在iPhone/Safari浏览器上呈现得很好,只有一个例外:我的文本输入字段有一个奇怪的圆形样式,这与我网站的其他部分看起来一点都不好看。
是否有一种方法来指导Safari(通过CSS或元数据)不四舍五入的输入字段,并将它们呈现为预期的矩形?
当前回答
我遇到了同样的问题,但只是提交按钮。需要删除内部阴影和圆角
input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; }
其他回答
我遇到了同样的问题,但只是提交按钮。需要删除内部阴影和圆角
input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; }
Input -webkit-appearance:无;光靠自己是不行的。
尝试添加-webkit-border-radius:0px;此外。
对我来说,在iPhone 3GS的iOS 5.1.1系统上,我必须清除搜索字段的样式,并将其设置为预期的样式
input[type="search"] {-webkit-appearance: none; border-radius: 0 3px 3px 0;}
do -webkit-border-radius: 0;单独没有明确的本土造型。这也是一个本地应用程序的web视图。
接受的答案使单选按钮在Chrome上消失。如此:
input:not([type="radio"]):not([type="checkbox"]) {
-webkit-appearance: none;
border-radius: 0;
}
请试试这个:
尝试像这样添加输入Css:
-webkit-appearance: none;
border-radius: 0;