2009-08-10 9 views
0

私は、最初の行に太字(およびより大きいフォント)を付けたいテキストエリアがあります。私は試しました:最初の行の擬似クラス、これはIEで動作しますが、Firefoxでは失敗します。 IEでも、Enterはもう働かないので、私はラインを壊すことはできません。Textarea firstline太字

これも可能ですか?そしてもしそうなら、どうですか?

に関して、 ヘンク

答えて

0

私はあなたの意図の感覚を得ることはありません。

テキストエリアに入力する際に​​大胆なフォントを使用しますか?

しかし、according to the css 2.1. specification at w3.orgは、擬似要素を適用することはできません:テキスト領域への最初の行/:最初の文字。ブロックレベルの要素、インラインブロック、表キャプション、または表セルのみ。

あなたの意図をもう少し詳しく指定すれば、おそらく私は助けることができます。

+0

ファーストラインは、後のタイトルになりますので、はい、私は、入力するとき、それは大胆になりたいです。 – Henk

+0

@ChrisBenyaminこれは本当に答えではなく、コメントです。 – Pavlo

2

テキストエリアは、書式設定されたテキストを表示するためのものではありません。

この機能が必要な場合は、WYSIWYGエディタを使用できます。

+0

はい、私はそれを考えていましたが、最初の行が大胆で大きなものである必要があったので、回避策があるかどうかを知りたかったのです。 – Henk

2

ユーザーがすべてのデータの入力を完了した後にテキストエリアの最初の行を太字にしますか?

jsスクリプトやサーバスクリプトで最初の行を取得し、それを別の変数に入れることで、それを別のマークアップ(おそらくh3)に出力することができます。

あるいは、ユーザーのタイトルは残りの部分からだけで傑出したい場合は、理由のように、タイトルのために入力して、体のためのテキストエリアを持っていない:

<form> 
<p> 
<label for="usertitle">Title</label> 
<input type="text" name="usertitle" id="usertitle" /> 
</p> 
<p>Body</p> 
<p> 
<textarea></textarea> 
</p> 
</form> 

この方法は、ユーザーが取得あなたが望む重要な意識。あなたは、テキストエリアでの結び付けを開始した後で、入力をh3に変更するjavascriptを追加することもできます。

+0

ありがとうございました。テキストの残りの部分は別々です。 – Henk

0

スタイルが意図されていない可能性がありますが、それは可能です(Chromeでテスト済み)。

<style>.h-textarea:first-line { font-weight: bold; }</style> 
... 
<textarea></textarea> 

太字の最初の行を示します。

enter image description here