2012-09-13 11 views
7

プレースホルダとユーザがテキストフィールドに入力する入力を中央揃えることが可能かどうかは疑問でした。私はそれがまだそれを把握できない可能性があると想像しています。誰も助けることができますか?問題のテキストフィールドのための私のコードは以下の通りです...私はあなたがこのような何かを探していると信じていプレースホルダの中心とテキストフィールドの入力テキスト

<input type="text" style="font-weight:bold:" name="kword" id="kword" autofocus ="on" placeholder="Enter Keyword(s)" autocomplete ="on"/> 

おかげ

+0

に使用Demo

こんにちは単語が中央に表示される量に等しい左のパディングを追加する以外に、これはCSSだけでは不可能かもしれません。 – Kyle

答えて

4

..........................................

text-align:center

このCSS

input, input[placeholder]{ 
font-weight:bold; 
    color:red; 
    text-align:center; 

} 
+0

センタリングが機能していないようです。また、外部リンクが死んでいる。 – ZimSystem

2

:その新機能は、それが完全にはブラウザの互換性はありませんのでhttp://css-tricks.com/snippets/css/style-placeholder-text/

、プレースホルダ属性をサポートしているブラウザでは、このスタイルを使用して好みのスタイルにすることができます。

+0

CSS Tricksはフォローするのは素晴らしいことですが、井戸の偉大なリポジトリです...ところでCSSトリック。 :) – FluffyJack

0
::-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; 
} 
関連する問題