typeahead功能可防止编辑框样式

时间:2014-03-25 15:57:35

标签: xpages type-ahead

我的xPage上有两个编辑框。 第二个启用了预先输入。 我想在onFocus事件上制作编辑框背景,例如黄色... 我是这样做的:

var fldObj = dojo.byId("myEditBox");
if (!fldObj) {
    fldObj = dojo.query("[id$=':myEditBox']");
    if (fldObj) {
        fldObj = fldObj[0];
    }
}
if (fldObj != null) {
    fldObj.style.background="yellow";
}

它适用于第一个编辑框,但不适用于启用了typeahead的编辑框。 有什么建议吗?

由于

1 个答案:

答案 0 :(得分:3)

简单的CSS就可以了。您的问题可能是由dojo CSS样式引起的。添加!重要覆盖其他继承!重要样式。使用带有和不带预先输入的编辑框为我工作。

.xspInputFieldEditBox:focus, .lotusui .dijitTextBox input:focus, .xspComboBox:focus
{
  font-weight: bold;
  background-color: yellow !important;
  background: yellow !important;

} 

http://www.w3schools.com/cssref/sel_focus.asp