css – 构建仍使用iOS功能的样式化选择列表

前端之家收集整理的这篇文章主要介绍了css – 构建仍使用iOS功能的样式化选择列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
设置文本输入并使其在iOS中正常工作非常容易.右边我的意思是屏幕键盘仍然会按预期打开,而上一个|下一个按钮仍然允许你在输入之间切换.

大多数美化的选择列表似乎取代了实际的…与其他元素,以获得漂亮的外观.这适用于iOS,但如果您是上一个|通过一堆输入进行连接,它将无法按预期运行.

是否可以设置一个选择列表的样式,以便它可以像普通的那样工作但看起来像是从Dropkick JS或其他库(或自己构建)获得的东西?我考虑过在元素后面隐藏一个真正的选择,但我认为我不能用javascript正确打开列表.

解决方法

您几乎可以更改iOS中的任何表单控件.
这是一个很棒的演示: http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit
我是正式化库的忠实粉丝,它将会应用您可能不喜欢的样式,但您可以随时更改它们;这是一个值得学习的好图书馆: http://formalize.me

猜你在找的CSS相关文章