更改输入的背景

时间:2015-03-13 14:03:07

标签: css sapui5

我从这个默认主题(blucristal)开始

enter image description here
https://openui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.InputAssisted/preview

现在我想将可编辑输入的背景从白色更改为(例如)黄色。我能怎么做?

我想使用Ui主题设计师,但我找不到正确的属性来改变

2 个答案:

答案 0 :(得分:0)

标准控件的任何可视化自定义都可以在CSS的帮助下完成。 重新定义标准类的属性

.sapMInputBaseInner{
  background-color: yellow  !important;
};

它将改变每个intup的背景颜色。或者您可以创建自己的CSS类

.UserClass .sapMInputBaseInner{
  background-color: yellow  !important;
};

使用方法addStyleClass()add" UserClass"仅限于特定元素。

答案 1 :(得分:0)

您可以将CSS伪类用于此目的。喜欢这个

form input[type=text]:focus{
background-color:red;
}

每当您点击它时,它会将文本框的背景颜色从白色更改为红色。

以下是示例http://jsfiddle.net/e284q9fv/