入力制御について教えてください。 _html/css_WEB-ITnose

入力コントロールのテキストを垂直方向に中央に配置するにはどうすればよいですか? 多くの属性を試しましたが、中央に配置できない場合でも、下部の境界線に固定することはできます。解決策を考えてください。 ！ありがとうございます

ディスカッションへの返信（解決策）

1: 下の境界線に固定します
font-size:14px または line-height:20px などを調整します

2: テキストを垂直方向に中央揃えにしてみてください。必要に応じて、実装には複数の属性を組み合わせる必要がある場合があります
style="text-align:center;vertical-align:middle;line-height:20px;height:20px;"
3: リファレンス
b467d8379ca8a8ec9191039bb9226ec0
input::-moz-focus-inner{ border: 0;padding: 0;}/*Firefox の場合*/
.comment_btn {
height:26px;
line-height:22px;/*for IE*/
width:68px; }

<div class="search" style="font-size: 12px;text-align: center;height:30px"><input type="text" name="q" class="searcht" style="background-image: url('images/4.jpg');font-size: 18px;vertical-align:middle;"/><input type="submit" class="searchb" style='vertical-align:middle;' value="搜索"/><i style='vertical-align:middle;display:inline-block;height:100%;width:0;overflow:hidden'></i></div>

入力のパディングを設定します

入力用に 2 つの CSS の高さの line-height を設定します一貫性のある垂直方向の中央に配置できます