当前位置:  开发笔记 > 前端 > 正文

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

如何解决《CSS:如何增加OSX提交按钮的大小》经验,为你挑选了1个好方法。

如何增加OSX-Safari的原生FORM提交按钮大小?

我想保留FORM其各自操作系统的提交按钮的原生外观,同时还要扩大提交按钮的大小.(意思是,不使用图像,自定义边框等.)

使用以下CSS:

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

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

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



1> PH...:

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

-webkit-appearance:button;

希望这可以帮助!

推荐阅读
ERIK又
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有