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

设置文本输入并使其在iOS中正常工作非常容易.右边我的意思是屏幕键盘仍然会按预期打开,而上一个|下一个按钮仍然允许你在输入之间切换.

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

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

解决方法

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效