用于在iPhone中显示输入框的css样式

用于在iPhone中显示输入框的css样式,iphone,css,key,return,Iphone,Css,Key,Return,我已经为输入文本框创建了一个样式,我希望文本从左上角开始。在iPhone中输入文本时,我希望键盘上有“Return”(返回)键,这样人们可以在段落中分隔文本,以下是我的脚本: <style> .inputs>input[type=text],.inputs>input[type=password],.inputs>input[type=number]{ height: 100px!important; vertical-align: top; } </styl

我已经为输入文本框创建了一个样式,我希望文本从左上角开始。在iPhone中输入文本时,我希望键盘上有“Return”(返回)键,这样人们可以在段落中分隔文本,以下是我的脚本:

<style>
.inputs>input[type=text],.inputs>input[type=password],.inputs>input[type=number]{
height: 100px!important;
vertical-align: top;
}
</style>

.inputs>input[type=text],.inputs>input[type=password],.inputs>input[type=number]{
高度:100px!重要;
垂直对齐:顶部;
}

它现在是垂直排列在中间,而不是顶部。在iPhone中输入文本时,我只有一个“OK”按钮来提交文本答案,而不是“Return”键

我相信我需要额外的样式来控制“OK”到“Return”的显示,但就是在互联网上找不到任何地方来告诉我怎么做


非常感谢你的帮助

对于多行文本输入,您需要一个()not和

事实上,我检查了示例并这么说了…感谢您的建议,但是我只能使用CSS来改变文本框的外观,而不是完全改变结构,以下是结构:因此我希望它能帮助解决这个问题。我已经在IE、Firefox或Safari的桌面设备上注册了它,它看起来非常好,除了iPhone@user1041029我100%确信,在桌面上的Chrome和Firefox中,文本不会垂直对齐到顶部,因为这在
中是不可能的。而且一个
中绝对不能有多行。您必须使用
谢谢Strelok,我的选择非常有限,所以我将看看如何实现它。