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

Question

有人知道如何在黑莓设备上将输入类型的文本居中吗？

那是我的 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;
}

它适用于除黑莓以外的所有浏览器/设备。

Answer 1

您可以使用填充来代替巨大的 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;
}