css - パディングを使用していない場合、それを取得する方法はありますか？

Question

入力テキストボックスに焦点を当てる場合。カーソルが上にあるので、padding-topを使用しない場合は、カーソルを中央部分に配置します。どうすればいいですか？

Answer 1

あなたはこのようなことを試すことができます：

#input-field {
   height: 20px;
   line-height: 20px;
}

これにより、テキストが入力フィールドの垂直方向に中央揃えになり、カーソルも中央揃えになります。

Answer 2

これを使って -

img{ vertical-align: middle; }

デモ

また

-を使用して、入力テキスト要素を押し下げます。

input[type="text"]{
  margin: 4px 0 0 0;
}

Answer 3

これを使用できます

 input{
    height:      YOURIMAGE HEIGHT;
    line-height: YOURIMAGE HEIGHT; 
    display:block
 }