구성 요소의 색상을 변경하거나 스타일을 변경하십시오.

Question

DevExtreme TextBox의 색상은 어떻게 변경합니까?

사실, 구성 요소에 text-transform을 적용해야하기 때문에 실제로 어떻게 CSS 스타일을 적용 할 수 있습니까?

데모

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

UPDATE

내가 특정 구성 요소에 CSS 속성을 적용 할 필요가

, 나는 AngularJS와를 사용하고 있습니다!

나는 그것이 구성 요소에 CSS를 적용하는 AngularJS와 코드에서 속성을 제공하는 경우 그것은 좋은 것입니다 성공하지

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

와 울부 짖는 시도!

Answer 1

사실, 구성 요소에 텍스트 변환을 적용해야하기 때문에 실제로 어떻게 CSS 스타일을 적용 할 수 있습니까?

안녕하세요!

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

가 어떻게 DevExtreme 텍스트 상자의 색상을 변경할 수 있습니다 : 여기에 예입니다?

사용자 정의 스타일을 위해 당신은 Theme Builder이

UPDATE이 질문은 몇 가지 솔루션

에게 솔루션 1있다

사용할 수 있습니다 설정할 수 attr property :

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

,

솔루션이 : 은 그것은 ID 또는 클래스에 의해 설정 될 수 있습니다

HTML :

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

CSS :

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