Devextreme изменить цвет или применить стиль для компонентов

Question

Как изменить цвет DevExtreme TextBox?

На самом деле, как я могу применить стиль css для них, потому что мне также нужно применить text-transform к компоненту!

Demo

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

UPDATE

мне нужно применить свойство CSS для конкретных компонентов, я использую AngularJS!

Я попытался пыльник без успеха

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

Было бы хорошо, если он предоставляет свойство от AngularJS кода, чтобы применить CSS к компоненту!

Answer 1

На самом деле, как я могу применить к ним стиль css, потому что мне также нужно применить текстовое преобразование к компоненту!

Привет! Вот пример:

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

Как я могу изменить цвет DevExtreme TextBox?

Для стилей подгоняет вы можете использовать Theme Builder

UPDATE

Этот вопрос имеет некоторые решения

раствор 1: вы можете установить attr property:

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

раствор 2: Он может быть установлен идентификатор или класс:

HTML:

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

CSS:

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