SapUI5在一個輸入和一個文本區域中添加風格類

你好，我想為一個輸入和一個文本區域添加一個類來改變背景顏色。我在我的控制器中嘗試了很多東西，但沒有任何效果：

我的控制器：

// this.getView().byId(" equipmentInput").addStyleClass("background")。

// this.getView().byId("description").addStyleClass（"background"）。
            
// new sap.m.Input(" equipmentInput").addStyleClass("background")。

// new sap.m.TextArea("description").addStyleClass（"background"）。

我的css : .background {
    背景顏色：#B3B1AF;。
}

我的觀點 :

<f: SimpleForm id="otDetailForm"/span> editable="false" layout=" ResponsiveGridLayout" labelSpanM="3" labelSpanS="12"adjustLabelSpan="false"/span> emptySpanXL="4" emptySpanL="4" emptySpanM="4" emptySpanM="4"  string">"4" emptySpanS="0" columnsXL="1" columnsL="1" columnsM="1"singleContainerFullSize="false" backgroundDesign="Solid">
                <f:content>/span>
                    <Label text="{i18n>modifLabelEquip}"/span>/>
                    < Input class="background" id=" equipmentInput" enabled="{viewModel> /isEditingOt}"
                        value="{path: ' maintenanceOT>EquipementNumber', type : 'sap.ui.model.type.String', constraints : { minLength: 1, maxLength: 15 }}"/span>
                        showSuggestion="true" suggestionRows="{maintenanceOT> /EquipementSet}" suggest="handleSuggestEquipment" showTableSuggestionValueHelp="false"> 
                        <layoutData>/span>
                            <l:GridData span="XL4 L4 M4 S9"/span>/gt;
                        </layoutData>/span>
                        <suggestionColumns>/span>
                            < Column popinDisplay="Inline" demandPopin="true"> 
                                <Label text="{i18n>createColumnEquipNumber}"/span>/>
                            </Column>/span>
                            < Column popinDisplay="Inline" demandPopin="true"> 
                                <Label text="{i18n> creationColumnEquipDesc}"/>
                            </Column>/span>
                        </suggestionColumns>>
                        <suggestionRows>/span>
                            <ColumnListItem>/span>
                                <Label text="{maintenanceOT> EquipementNumber}"/>
                                <Label text="{maintenanceOT>EquipementDescription}"/span>/>/span>
                            </ColumnListItem> 
                        </suggestionRows>/span>
                    </Input> 
                    <Button icon="sap-icon: //tree" tooltip="{i18n> detailEquipmentToolTip}" enabled="{viewModel> /isEditingOt}" press="onOpenEquipDialog">
                        <layoutData>/span>
                            <l:GridData span="XL1 L1 M1 S3"/span>/>
                        </layoutData>/span>
                    </Button>/span>
                    <Label text="{i18n>modifLabelEquipArret}"/span>/>
                    <CheckBox id="breakDownCheckBox"/span> selected="{path: ' maintenanceOT>BreakDown', formatter: '.formatter.fromStringToBool'}"
                        enabled="{viewModel>/isEditingOt}"/span> select="onCheckboxChange"
                        visible="{path: 'maintainOT>OrderType', formatter: '.formatter.isCorrectiveMaintenance'}"/>
                    <Label text="{i18n>detailLabelUserStatus}"/span>/>/span>
                    < Select class="background" id="userStatusSelect" items="{maintenanceOT> /UserStatusSet}" selectedKey="{maintenanceOT> UserStatusLine}"
                        enabled="{viewModel>/isEditingOt}"/span>>
                        <core: 專案 key="{maintenanceOT>Id}" text="{maintenanceOT>Id} - {maintenanceOT>Text}"/>/span>
                    </Select>/span>
                    <Label text="{i18n>detailLabelPriority}"/span>/>
                    < Select class="background" id="prioritySelect" items="{maintenanceOT> /PrioritySet}" selectedKey="{maintenanceOT> Priority}" enabled="{viewModel>/isEditingOt}">
                        <core: 專案 key="{maintenanceOT>Id}" text="{maintenanceOT>Text}"/> 
                    </Select> 
                    <Label text="{i18n>detailLabelActivityType}"/span>/>
                    < Select class="background" id="activityTypeSelect" items="{maintenanceOT> /ActivityTypeSet}" selectedKey="{maintenanceOT> ActivityType}"
                        enabled="{viewModel>/isEditingOt}"/span>>/span>
                        <core: 專案 key="{maintenanceOT>Id}" text="{maintenanceOT>Id} - {maintenanceOT>Text}"/>/span>
                    </Select>
                    <Label text="{i18n>detailLabelDescription}"/span>/>
                    < TextArea id="description" class="background" rows="5" value="{maintenanceOT> OrderOpeDescription}" enabled="false"/>

uj5u.com熱心網友回復：

在輸入和文本區域使用class="full-opacity "可以正常作業，為了改變背景，我在css中改變了類的不透明度。

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

標籤：

上一篇：PHP/LaravelFormRequests型別

下一篇：Keras的save_model()和load_model()方法不能按預期作業