在黑莓上垂直对齐html输入文本

任何人都知道如何在黑莓设备的输入类型文本中居中文本？在黑莓上垂直对齐html输入文本

这是我的CSS：除了黑莓

.input_text { 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 14px; 
    color: #333333; 
    text-align: left; 
    border: 1px solid #cccccc; 
    vertical-align: middle; 
    width: 305px; 
    height: 38px; 
    line-height: 38px; 
    vertical-align: middle; 
    -webkit-appearance: none; 
    -webkit-border-radius:0px; 
    -moz-border-radius:0px; 
    -webkit-box-align: center; 
    -moz-box-align: center; 
    -o-box-align: center; 
    box-align: center; 
}

它适用于所有浏览器/设备。

来源

2012-08-17 Cirou

垂直对齐是有点开溜的。它在大多数元素上没有按预期工作。您的文本框是多行的框，还是单行？ – phunder 2012-08-17 08:05:05

这是一个单线框 – Cirou 2012-08-17 08:38:58

目前在BB上做的文字是什么？它是否与底部对齐？如果是这样，将填充添加到等于顶部空间的输入字段可能可以解决您的问题。 – phunder 2012-08-17 08:52:32

取而代之的是巨大的line-height和vertical-align: middle你可以使用的填充：

.input_text { 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 14px; 
    color: #333333; 
    text-align: left; 
    border: 1px solid #cccccc; 
    width: 305px; 
    height: 38px; 
    padding: 12px 0; /*** 12px = (38px - 14px)/2 ***/ 
    -webkit-appearance: none; 
}

来源

2012-08-17 11:26:15

在黑莓上垂直对齐html输入文本

回答

相关问题