0

ブラックベリーデバイスの入力タイプのテキストの中央にテキストを配置する方法を知っている人はいますか？

それが私の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;
}

Blackberryを除くすべてのブラウザ/デバイスで動作します。

4

1 に答える 1

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;
}
于 2012-08-17T11:26:15.147 に答える