Devextreme Farbe ändern oder Stil für Komponenten anwenden

Question

Wie kann ich die Farbe von DevExtreme TextBox ändern?

Eigentlich, wie kann ich den CSS-Stil für sie anwenden, weil auch ich muss text-transform auf die Komponente anwenden!

Demo

http://js.devexpress.com/Demos/WidgetsGallery/#demo/editors-text_box-overview

UPDATE

ich die CSS-Eigenschaft auf spezifischen Komponenten, anwenden müssen verwende ich AngularJS!

Ich habe versucht, unten ohne Erfolg

<div style="background-color : black" dx-text-box="textBox.simple"></div> 

Es wäre schön, wenn es eine Eigenschaft von AngularJS Code bietet CSS die Komponente zu bewerben!

Answer 1

Eigentlich, wie kann ich den CSS-Stil für sie anwenden, denn auch ich muss Text-Transformation auf die Komponente anwenden!

Hallo! Hier ist Beispiel:

.dx-textbox .dx-texteditor-input{ 
    text-transform: uppercase; 
} 

Wie kann ich die Farbe DevExtreme TextBox ändern?

Für anpassen Stile können Sie Theme Builder verwenden

UPDATE

Diese Frage einige Lösungen

Lösung 1 hat: Sie einstellen können attr property:

$scope.textBox = { 
    simple: { 
     value: "John Smith", 
     attr: { style: "background-color: black" } 
    } 
} 

Lösung 2: Es kann von ID oder Klasse eingestellt werden:

html:

<div id="specificTextbox" dx-text-box="textBox.simple"></div> 

css:

#specificTextbox .dx-texteditor-input{ 
    background-color : black; 
}