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

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

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

Демо

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

ОБНОВЛЕНИЕ

Мне нужно применить свойство css к конкретным компонентам, я использую AngularJS!

Я пробовал ниже, но безуспешно

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

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


person Rodrigo Rodrigues    schedule 03.06.2016    source источник


Ответы (1)


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

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

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

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

Для настройки стилей вы можете использовать конструктор тем.

ОБНОВЛЕНИЕ

Этот вопрос имеет несколько решений

решение 1: вы можете установить свойство атрибута:

$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;
}
person Alexander Komarov    schedule 05.06.2016
comment
Первый пример мы применяем ко всем компонентам, мне нужно применить text-transform: uppercase; или любой другой css property к конкретному компоненту. Извините, я забыл упомянуть эту деталь, мне нужно применить CSS к конкретному компоненту! - person Rodrigo Rodrigues; 06.06.2016