2017-04-13 6 views
0

enter image description here ich benutze die Reaktion-Warnung, aber es zeigt die Nachricht in Großbuchstaben. Jeder Zeiger, wie kann ich alle Caps loswerden? Beispiel: Für den Code unten zeigt die Meldung als "TEST MESSAGE" anstelle von "Test Message"reagieren Alarm zeigt Großbuchstabe

Code: --------

this.alertOptions = { 
    offset: 50, 
    position: 'top right', 
    theme: 'dark', 
    time: 5000, 
    transition: 'scale' 
}; 

msg.info ('Test Message ', { Zeit: 0, Typ:' info ', Thema:' Licht ', Symbol: });

+0

Sie müssen nur die Eigenschaft 'text-transform' überschreiben. Schreibe die Zeile von css '.react-alerts .alert .message {text-transform: initial; } ' – Panther

+0

@peter Groß. Danke – Priyanka

+0

auch (1) ich versuche, Hintergrundfarbe durch kundenspezifisches css aber seine gerade nehmend die Farbe in der Mitte nicht für das nahe Symbol und das Bild anzuwenden. Bitte anhängendes redigiertes Bild sehen. (2) Wenn ich einen Test fett machen möchte (Heads Up) wie kann ich das tun, (3) ist das Ändern des Symbols möglich? wollen Ausrufezeichen bekommen Danke – Priyanka

Antwort

0

Dies ist, weil css auf diese text-transform: uppercase angewendet. Sie müssen dies mit benutzerdefiniertem CSS überschreiben:

.react-alerts .alert .message { 
    -webkit-box-flex: 3; 
    -webkit-flex: 3; 
    -ms-flex: 3; 
    flex: 3; 
    /* text-transform: uppercase; */remove this 
    padding: 8px 10px; 
} 
Verwandte Themen