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

时间:2014-11-07 18:00:33

标签: javascript css sapui5

我正在尝试更改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 }");

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

感谢您的协助。

2 个答案:

答案 0 :(得分:1)

如果你想使用课程,你需要做的就是

  

oInput.addStyleClass("loginInput")

并在您的css文件中添加样式

  

.sapMInput.loginInput { color: blue; }

答案 1 :(得分:0)

使用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"
}