2009-08-10 25 views
0

Ich habe ein Textfeld, in dem ich möchte, dass die erste Zeile fett (und größere Schriftart) als die erste Zeile den Titel enthält. Ich habe versucht, die Pseudo-Klasse der ersten Zeile, das funktioniert in IE, aber scheitert in Firefox. Auch im IE funktioniert die Eingabe nicht mehr, also kann ich die Zeile nicht unterbrechen.Textarea erste Zeile fett

Ist das überhaupt möglich? Und wenn ja, wie?

Grüßen, Henk

Antwort

0

Ich habe das Gefühl, von Ihrer Absicht nicht.

Möchten Sie eine fettere Schrift beim Eintippen in das Textfeld haben?

Trotzdem according to the css 2.1. specification at w3.org Sie können nicht das Pseudo-Element: erste Zeile /: erster Buchstabe zu einem Textfeld. Nur zu einem Block-Level-Element, Inline-Block, Table-Caption oder einer Tabellen-Zelle.

Vielleicht kann ich helfen, wenn Sie Ihre Absicht ein wenig mehr angeben.

+0

Ja, ich mag es fett sein, wenn die Eingabe, da der Erstlinientherapie wird der Titel später sein. – Henk

+0

@ChrisBenyamin Dies ist ein Kommentar wirklich, keine Antwort. – Pavlo

2

Textarea ist nicht zum Anzeigen von formatiertem Text gedacht. Wenn Sie diese Funktionalität benötigen, können Sie einen WYSIWYG-Editor verwenden.

+0

Ja, ich dachte daran, aber da ich nur die erste Zeile brauchte, um fett und/oder größer zu sein, wollte ich wissen, ob es einen Workaround dafür gab :) – Henk

2

Soll die erste Zeile des Textfelds fett dargestellt werden, nachdem der Benutzer alle Daten eingegeben hat?

Sie könnten damit umgehen, indem Sie ein js oder server Skript die erste Zeile greifen und das in eine separate Variable, so dass es in einem anderen Markup (ein h3, vielleicht) ausgibt.

Oder, wenn Sie den Titel des Benutzers mögen nur vom Rest Herausragenden, warum nicht einen Eingang für den Titel und dann ein Textfeld für den Körper, wie:

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

Auf diese Weise erhält der Anwender das Gefühl der Wichtigkeit, die Sie wollen. Sie könnten sogar etwas Javascript hinzufügen, das die Eingabe in ein h3 ändert, nachdem sie mit dem Verknüpfen des Textfelds begonnen haben.

+0

Danke, ich dachte daran, den Titel und der Rest des Textes getrennt. – Henk

0

Ich schätze, dass es möglicherweise nicht entworfen werden soll, aber es ist möglich (getestet in Chrome).

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

Gibt eine fett gedruckte erste Zeile.

enter image description here