样式文本字段:iOS样式

时间:2011-07-22 20:24:50

标签: iphone css ios text textfield

我想制作自己的WebApp进行测试,所以当我有一些严肃的事情要做时,我会知道该怎么做。我发现了一些关于使用HTML,CSS和Javascript来使网络应用程序看起来像真正的iOS的信息,但有一点让我感到困惑的是,使文本字段看起来像iOS使用的或者至少与之类似,以及如何制作它整个屏幕(宽度),但左右两侧有一些边距...好吧,它看起来很好很自然。

我感谢每一个答案。

3 个答案:

答案 0 :(得分:1)

我会使用jquerymobile或sencha touch ...取决于你是否熟悉ExtJS。这样你就可以专注于添加你的内容,而不是永远乱搞CSS来尝试模拟你最终会用iOS取代的东西。

http://jquerymobile.com/

http://dev.sencha.com/deploy/touch/examples/kitchensink/

答案 1 :(得分:1)

您可以尝试的一个选项是查看Appcelerator Titanium,这样您就可以使用HTML / CSS / JavaScript开发iPhone / iPad / Android(甚至是Mac / PC)应用程序。它允许您使用本机UI元素,包括表单,列表,按钮等...

如果你正在考虑开发移动应用程序,这是一个非常酷的工具(特别是如果你不是一个Object-C wizz)。

使用Titanium的工具的一个示例是WunderList待办事项。

答案 2 :(得分:1)

您可以使用-webkit-border-image CSS属性执行此操作。即使你正在使用某种类型的框架来为你完成所有这些工作,但总是很高兴知道它是如何实现的,因为它总是可以在其他地方重新应用。

参考:http://css-infos.net/property/-webkit-border-image