需要和djextNameTextBox（Dojo名称文本框）控件样式的示例

Question

有没有人在xPages上设置样式Dojo名称文本框控件的例子..（djextNameTextBox）

当您尝试通过“属性”对话框进行设置时，它似乎不起作用。 我想改变，例如字体，背景颜色，隐藏边框，更改[x]符号的颜色等...

Answer 1

您可以使用类.lotusFilter和＆＃34; x＆＃34;设置名称的样式。课程.lotusClose。

以下是样式

的示例

.lotusFilters a.lotusFilter {
    background-color: rgb(255, 0, 0);
    border-color: blue;
    color: white;
}

.lotusFilters a .lotusClose  {
    color: white;
}

Answer 2

当您创建Dojo TextBox时，它实际上会创建一些包装div和其他内部div，每个div都有自己的功能。普通的dijit / form / TextBox具有以下结构：

<div class="dijit dijitReset dijitInline dijitTextBox>
  <div class="dijitReset dijitValidationContainer"> /*...Validation stuff here...*/</div>
  <div class="dijitReset dijitInputField dijitInputContainer">
    <input class="dijitReset dijitInputInner"/>
  </div>
</div>

我可能在这里或那里错过了一些课程，但这是宣告Dojo TextBox的一般要点。如果要修改内部文本框，可以为.dijitTextBox .dijitInputField和.dijitTextBox .dijitInputInner添加css。如果你想让它特定于这个Dojo TextBox，那么你可以添加一个＆＃34;类＆＃34;属性到TextBox属性，然后再次使用css。这是一个css的例子：

.dijitTextBox.myClass .dijitInputField {
  width: 100px;
}

.dijitTextBox.myClass .dijitInputInner {
  width: 100px;
  font-size: 12px;
}