Question

如何更改DevExtreme TextBox的颜色？

实际上，我如何为它们应用css样式，因为我还需要将text-transform应用于组件！

演示

更新

我需要将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

<强>更新

这个问题有一些解决方案

解决方案1 ：你可以设置attr property：

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

解决方案2 ：它可以通过id或class设置：

HTML：

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

的CSS：

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