Question

我有以下dxButton元素。

<div class="dx-field-value" data-bind="dxButton: { text: name, onClick: $root.name }"></div>

通过变量name分配按钮的文本。现在，我希望按钮文本始终为{strong>特定元素的uppercase。

我已经尝试为它设置id和类，并创建自定义css但它不起作用。我也尝试了如下内联样式：

<div class="dx-field-value" style="text-transform: uppercase;" data-bind="dxButton: { text: 'Text' }"></div>

Answer 1

使用dx-button-text班级名称自定义按钮文字。

将所有按钮设为小写：

.dx-button-text {
    text-transform: lowercase;
}

然后，将特定的css类添加到您想要为大写的按钮：

<div data-bind="dxButton: { text: name }" class="uppercase"></div>

并应用以下规则：

.uppercase .dx-button-text {
    text-transform: uppercase;
}