CSS:如何增加OSX提交按钮的大小

前端之家收集整理的这篇文章主要介绍了CSS:如何增加OSX提交按钮的大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何增加OSX-Safari的本机FORM提交按钮大小?

我想保留原来的FORM提交按钮的原型,因为它是相应的操作系统,同时也扩大了提交按钮的大小. (意思是,不使用图像,自定义边框等)

使用以下CSS:

input.submitbutton {font-size:150%;}

在Windows上,这样会根据需要增加提交按钮的大小和宽度,无论浏览器(Safari,Firefox,IE,Chrome)如何.

但是在OSX上 – Safari根本不会增加按钮的大小.表单按钮大小保持默认大小.

解决方法

尝试在您的样式中包含此CSS属性

-webkit-appearance:按钮;

希望这可以帮助!

原文链接:https://www.f2er.com/css/216531.html

猜你在找的CSS相关文章