在黑莓上垂直對齊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輸入文本

回答

相關問題