Hintergrundfarbe des ersten Wortes in der Textbox einstellen?

8

Ich habe ein Textfeld in mein HTML eingegeben. Ich weiß, wie man die Hintergrundfarbe der ganzen Sache mit CSS ( background-color ) einstellt, aber ist es möglich, nur die Hintergrundfarbe des ersten Wortes zu setzen? Ich möchte es so, dass, wenn jemand eingibt, zum Beispiel "hallo da", die Hintergrundfarbe des Wortes "Hallo" orange wird, aber wenn sie "wie geht es dir" eingeben, wird das Wort "wie" blau .

Ich habe es geschafft, die ganze Textbox in diesem JSFiddle hier mit jQuery und CSS zu stylen, aber ist das möglich? um es nur die Hintergrundfarbe des ersten Wortes zu setzen?

    
thatoddmailbox 01.03.2015, 18:12
quelle

3 Antworten

5

Schnelle Lösung (nicht perfekt) in wenigen Minuten geschrieben, aber vielleicht hilft es Ihnen, bessere Lösung zu erstellen.

Ссылка

HTML:

%Vor%

JS:

%Vor%

CSS:

%Vor%     
Mateusz Mania 01.03.2015, 19:19
quelle
4

Ich glaube, es gibt keinen Formatierungsstil für ein solches Textfeld, Textarea. Aber Sie können es vortäuschen. Ich habe zwei Ideen:

  1. Legen Sie die Hintergrundfarbe der Texteingabe auf transparent fest, und erstellen Sie dann einen farbigen Hintergrund mit span, div usw. Stellen Sie die Position oder den Rand so ein, dass das Textfeld über dem Hintergrund liegt.
  2. Schreiben oder verwenden Sie einen formatierten Texteditor, der Text mit html
    3. rendert

%Vor% %Vor%
    
Trinh Hoang Nhu 01.03.2015 18:43
quelle
2

Dies ist meine Version mit minimalem jQuery:)

HTML:

%Vor%

CSS:

%Vor%

jQuery:

%Vor%

Demo @ Geige

    
lshettyl 01.03.2015 19:37
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Überprüfen Sie, ob in Django ein Modellfeld existiert