html - 入力フィールドのプレースホルダーを中央に配置する方法はありますか?

Question

私はこのコードを使用しています...そして、サファリを除くすべてのブラウザで問題なく動作します。サファリでプレースホルダーを一元的に揃える方法はありますか?

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

Answer 1

サファリ用

text-align: -webkit-center;

ただし、HTML/CSS の動作を分析する最良の方法は、Safari の Web インスペクターです。