1. ホーム
  2. html

[解決済み] センターHTML入力テキストフィールドのプレースホルダー

2022-04-21 05:41:40

質問

htmlフォームの入力フィールドのプレースホルダの配置を中央化するにはどうしたらよいでしょうか?

以下のコードを使っていますが、うまくいきません。

CSS ->

input.placeholder {
    text-align: center;
}
.emailField {
    top:413px;
    right:290px;
    width: 355px;
    height: 30px;
    position: absolute;
    border: none;
    font-size: 17;
    text-align: center;
}

HTML ->

<form action="" method="POST">
    <input type="text" class="emailField" placeholder="[email protected]" style="text-align: center" name="email" />
    <!<input type="submit" value="submit" />  
</form>

解決方法は?

プレースホルダーのスタイルだけを変更したい場合

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}