SapUI5 更改可编辑字段的颜色/不透明度

Question

你好，我想更改我的可编辑字段的颜色（使它们更暗）我尝试将 css 与 class 和背景颜色一起使用，但它不起作用，就像我的输入没有考虑在内。你能帮助我吗？为什么我的输入没有计算 css ？他们是另一种让我的领域更暗的方法吗？谢谢

更新：css 不适用于输入（设备）和文本区域字段（描述）

这是我认为的代码

                <Label text="{i18n>modifLabelEquip}"/>

                <Input class="background" id="equipmentInput" enabled="{viewModel>/isEditingOt}"
                    value="{path: 'maintenanceOT>EquipementNumber', type : 'sap.ui.model.type.String', constraints : { minLength: 1, maxLength: 15 }}"
                    showSuggestion="true" suggestionRows="{maintenanceOT>/EquipementSet}" suggest="handleSuggestEquipment" showTableSuggestionValueHelp="false">

                    <layoutData class="background">
                        <l:GridData span="XL4 L4 M4 S9"/>
                    </layoutData>

                    <suggestionColumns class="background">

                        <Column class="background" popinDisplay="Inline" demandPopin="true">

                            <Label  class="background" text="{i18n>creationColumnEquipNumber}"/>
                        </Column>
                        <Column  class="background" popinDisplay="Inline" demandPopin="true">
                            <Label  class="background" text="{i18n>creationColumnEquipDesc}"/>
                        </Column>
                    </suggestionColumns>
                    <suggestionRows class="background">
                        <ColumnListItem  class="background">
                            <Label  class="background" text="{maintenanceOT>EquipementNumber}"/>
                            <Label  text="{maintenanceOT>EquipementDescription}"/>
                        </ColumnListItem>
                    </suggestionRows>
                </Input>
                <Button icon="sap-icon://tree" tooltip="{i18n>detailEquipmentToolTip}" enabled="{viewModel>/isEditingOt}" press="onOpenEquipDialog">
                    <layoutData>
                        <l:GridData span="XL1 L1 M1 S3"/>
                    </layoutData>
                </Button>
                <Label text="{i18n>modifLabelEquipArret}"/>
                <CheckBox id="breakDownCheckBox" selected="{path: 'maintenanceOT>BreakDown', formatter: '.formatter.fromStringToBool'}"
                    enabled="{viewModel>/isEditingOt}" select="onCheckboxChange"
                    visible="{path: 'maintenanceOT>OrderType', formatter: '.formatter.isCorrectiveMaintenance'}"/>
                
                <Label text="{i18n>detailLabelUserStatus}"/>
                <Select class="background" id="userStatusSelect" items="{maintenanceOT>/UserStatusSet}" selectedKey="{maintenanceOT>UserStatusLine}"
                    enabled="{viewModel>/isEditingOt}">
                    <core:Item key="{maintenanceOT>Id}" text="{maintenanceOT>Id} - {maintenanceOT>Text}"/>
                </Select>
                <Label text="{i18n>detailLabelPriority}"/>
                <Select class="background" id="prioritySelect" items="{maintenanceOT>/PrioritySet}" selectedKey="{maintenanceOT>Priority}" enabled="{viewModel>/isEditingOt}">
                    <core:Item key="{maintenanceOT>Id}" text="{maintenanceOT>Text}"/>
                </Select>
                <Label text="{i18n>detailLabelActivityType}"/>
                <Select  class="background" id="activityTypeSelect" items="{maintenanceOT>/ActivityTypeSet}" selectedKey="{maintenanceOT>ActivityType}"
                    enabled="{viewModel>/isEditingOt}">
                    <core:Item key="{maintenanceOT>Id}" text="{maintenanceOT>Id} - {maintenanceOT>Text}"/>
                </Select>
                <Label text="{i18n>detailLabelDescription}"/>
                <TextArea class="background" rows="5" value="{maintenanceOT>OrderOpeDescription}" enabled="false"/>

Answer 1

它在输入和文本区域中使用 class="full-opacity" 时效果很好，为了更改背景，我更改了 class 的不透明度，就像我在 [=15] 中那样=]：

.full-opacity { opacity: 1 !important; }

SapUI5 更改可编辑字段的颜色/不透明度

SapUI5 Change color / opacity of an editable field

css

input

background

sapui5