6

テキスト入力に HTML5 プレースホルダー属性を使用しています。ユーザーが入力したテキストを中央揃えにすることはできますが、iPhone のプレースホルダー テキストを中央揃えにすることはできません。

私は次のことを試しました：

input::-webkit-input-placeholder, 
input:-moz-placeholder,
::-webkit-input-placeholder,
:-moz-placeholder,
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input:-moz-placeholder, textarea:-moz-placeholder,
{ 
text-align:center; 
}
4

2 に答える 2

3

そのような webkit と moz プロパティのバンドルは、webkit ではうまく機能しないようです。webkit を個別に宣言してみてください...

input:-moz-placeholder, :-moz-placeholder, 
input:-moz-placeholder, textarea:-moz-placeholder
{ 
text-align:center; 
}

input::-webkit-input-placeholder, ::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{ 
text-align:center; 
}
于 2012-04-19T14:37:04.200 に答える
0

プレースホルダーに任意の CSS を適用したい場合は、ここに優れた答えがあります。

CSS を使用して HTML5 入力のプレースホルダーの色を変更する

色のようなものについては、これは iOS で問題なく動作するようです。また、それによると、プレースホルダーを iPhone の中央に配置するために必要なのはこれだけです。

::-webkit-input-placeholder { /* WebKit browsers */
    text-align:center;
}

これは、iPhone (iOS 5.1.1)、iPad (iOS 5.0.1)、および Safari (Win、5.1.7) でテストしました。誰もそのルールを認識していないようです。

于 2013-04-22T12:58:07.317 に答える