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

标签 css macos safari

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

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

使用以下 CSS:

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

在 Windows 上,这会根据需要增加提交按钮的高度和宽度……无论使用何种浏览器(Safari、Firefox、IE、Chrome)。

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

最佳答案

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

-webkit-外观:按钮;

希望这对您有所帮助!

关于CSS:如何增加 OSX 提交按钮的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1682520/

相关文章:

html - 图片滑动背景内容

jquery - 主题标题中的自定义 jQuery 和 CSS

html - 同时在主要内容左右浮动

swift - SceneKit SCNSceneRendererDelegate - 未调用渲染器函数

javascript - 如何获取二维码以打开 JavaScript 书签

html - 垂直滚动关闭但允许滚动

python - 从 mac 到 iphone 的应用程序

macos - NSFileManager 'copyItemAtPath:' 创建隔离文件副本

audio - 如果.ogg文件在列表中的第一位,Safari将不会播放<audio>?

css - Safari 中的相对定位