ios - 造型<select>在 iOS 上我正在为 Android 和 iOS 开发一个网络应用程序。我遇到了应用程序样式的问题。由于某种原因，应用于 <select> 的样式不会显示在 MobileSafari（又名 iOS WebView）上 CSS: p, input, select, option, button { font-family: Arial, ArialHebrew, sans-serif; 字体大小：x-large；文本对齐：居中；颜色：#FFF；边距：1vh；填充：1vh；}

首页 > 解决方案 > 造型在 iOS 上我正在为 Android 和 iOS 开发一个网络应用程序。我遇到了应用程序样式的问题。由于某种原因，应用于 <select> 的样式不会显示在 MobileSafari（又名 iOS WebView）上 CSS: p, input, select, option, button { font-family: Arial, ArialHebrew, sans-serif; 字体大小：x-large；文本对齐：居中；颜色：#FFF；边距：1vh；填充：1vh；}

问题描述

标签： ioscsshtmlsafarimobile-safari

解决方案

快速简便的解决方法是应用-webkit-appearance: none. 但是，您可能很快注意到您的元素丢失了arrow以表明它是一个<select>元素。

为了解决这个问题，一种解决方法是用 div 包装元素并使用 CSS 内容模仿箭头。

这是一个小提琴：http: //jsfiddle.net/d6jhpo7v/

iOS模拟器中的小提琴：

问题描述

解决方案

推荐阅读