html - 如何确保 `select` 输入的格式适用于 Mac OS

标签 html css macos drop-down-menu cross-browser

如何使我的表单在所有操作系统中的格式保持一致。

Atm,它在 Windows 上工作得很好,但是 - 我希望 select 输入在 Mac OS 和 iOS 以及 Android 手机上具有相同的格式。

下图是 Safari 浏览器中的 select 字段。同样的格式也适用于 Mac 操作系统上的 Chrome 浏览器。

我附上了一张图片以供引用Select Input

从上图中您可以看到 Contact NumberName 字段格式相同,但不幸的是,Debt Level 的格式发生了变化.

最佳答案

每个浏览器都有自己的原生元素样式,例如选择。您可以尝试在它们上设置您自己的特定样式以覆盖某些样式,但浏览器将忽略大多数选择的 CSS 规则。

如果您想完全控制选择的样式,您需要实现自己的自定义版本。这概述了需要做什么:https://css-tricks.com/dropdown-default-styling/#article-header-id-4

关于html - 如何确保 `select` 输入的格式适用于 Mac OS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47103208/

相关文章:

php - 单击按钮一一获取数据库值

PHP 上传循环数组

jquery - 如何更改 MathJax 中的数学填充?

jquery - 水平列表中的垂直子列表给出对齐问题

html - 在 x 属性上显示带有转换的隐藏 div

macos - 如何验证 macOS pkg 是否经过公证

iphone - 熟悉 Cocoa 和 Cocoa Touch 的玩具项目的想法

html - Bootstrap 3、11 个均匀间隔的列?

html - 如果数据库未返回 Angular 5 移动应用程序中特定标签的任何值,如何在 html 中隐藏标签?

c++ - 获取 c/MacOS 中解析 int 命令的输出