html5 - placeholder 使い方




HTML5、プレースホルダ、Webkitの行の高さ (3)

あなたのタグを見て、私はあなたがのようなものを書いていると思います...

<input type="text" placeholder="whatever">

残念なことに、プレースホルダーのスタイリングに関してはChromeはあなたの手を縛ります。セレクターはこのように見えます...

input::-webkit-input-placeholder {}

スタイリングのオプション、入手方法、およびサポートされているブラウザは、HTMLプレースホルダのスタイリングにあります。

入力フィールドがあります。

<input type="text" placeholder="whatever">

スタイル付き:

input {
    margin: 0;
    padding: 0 6px;
    font-size: 19px;
    line-height: 19px;
    height: 36px;
    width: 255px;
}

問題は、行の高さがWebkit CHROMEのプレースホルダに影響を与えていないことです。 そのため、入力フィールドのテキストは見にくくなっています。 誰もがこれを見て、今それを修正する方法?

ありがとう


入力プレースホルダーは、ピクセルの行の高さの値を好みませんが、これは入力の垂直方向の中央に配置されます。

::-webkit-input-placeholder { line-height: normal; }

行の高さの宣言を削除しても完全にうまくいくようです。 FF7、Chrome15、Safari 5.1でうまくいった。 IE9とFF3.6でも見栄えがしましたが、IE8では見栄えがよくありません。





css3