将背景颜色设置为SAPUI5中的输入框

Set background colour to Input box in SAPUI5

本文关键字：输入 SAPUI5 背景 颜色 设置      更新时间：2023-09-26

我正在尝试更改sap.m.Input的整个输入颜色。由于它拥有占位符&内部唯一边界颜色正在变化。

document.getElementById("loginuser-placeholder").style.backgroundColor = "#232055 !important";
document.getElementById("loginuser-inner").style.backgroundColor = "#232055 !important";

这就是我试图迫使元素改变颜色的方式。

我也试过这个：

var loginuser = new sap.m.Input("loginuser",{placeholder:"Username"});
loginuser.addStyleClass(".loginuser{background-color:#232055 !important }");

https://i.stack.imgur.com/uMTzb.jpg

当使用JavaScript设置多个值时，不可能在一个值中完成，您需要多次调用document.getElementById，如下所示：

function myFunction(){
    document.getElementById("div1").style.backgroundColor = "blue"
    document.getElementById("div1").style.backgroundColor = "!important"
}

不是

function myFunction(){
    document.getElementById("div1").style.backgroundColor = "blue !important"
}

如果你想使用一个类，你需要做的就是

oInput.addStyleClass("loginInput")

在css文件中，您将添加样式

.sapMInput.loginInput { color: blue; }

相关文章：