3

高さが固定された入力フィールドに、保持しているテキストのクロスブラウザの垂直方向の配置をどのように指定しますか?

今のところ、それline-heightが私の最善の選択肢のようです。ただし、ChromeやSafariなどのWebkitブラウザーでは、コピー/貼り付け時にカーソルが上揃えにジャンプします。

Wordpressには、wp-loginフォームを使用して、これに対する解決策があるようです。

Wordpressがこれをどのように行うか知っている人はいますか?

CSS

input {
    width: 240px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}
4

1 に答える 1

7

vertical-align: middleラベルと入力の両方、および。に対して、ドキュメント全体に設定された行の高さを使用しpaddingます。また、入力の(ファミリとサイズ)を
再定義します。これは、ブラウザにすでに13.3ピクセルなどのデフォルトがあるためと同じです... 最後に、1ピクセルまたはインセットが追加されたブラウザに役立ちます。fontlabel
border: 1px solid someColor

いいえheight

次に、Chromeとその選択があります。ああ@*$£#... isellsoapforms.cssは、高さを使用し、パディングを使用しないことを除いて、すべてを削除して再定義することで、それを釘付けにしました(imoは汎用性が低くなります)

于 2013-03-24T19:58:28.393 に答える