XPages-lotusnotes

在输入文本类型控件的选择之间有太多的空间。如何控制它？

您想缩短“提前键入选项”列表中条目之间的距离吗

只需将以下css添加到XPages：

.tundra .dijitMenuItem {
    padding: 0px 2px;
}

然后，前置类型选项之间的垂直填充为0px而不是5px，水平填充为2px而不是5px

列表如下所示：

---

您希望缩短“提前键入选项”列表中各条目之间的距离

只需将以下css添加到XPages：

.tundra .dijitMenuItem {
    padding: 0px 2px;
}

然后，前置类型选项之间的垂直填充为0px而不是5px，水平填充为2px而不是5px

列表如下所示：

---

嗨，我能理解你的意思。但它不起作用。这是一个简单的文本字段，启用了提前输入。当键入ahead返回一些值列表时，例如val 1、val 2、…val n。然后在选项的顶部和底部会出现空格。如果我将同一字段改为下拉，那么它工作正常。听起来您的查找返回的是一个空行。检查您的数据编号。这是所有选项之间的空间。没有空白数据。使用Firebug或类似的东西，检查CSS中相关元素的样式。创建一个样式表来更改相关设置。嗨，我能理解你的意思。但它不起作用。这是一个简单的文本字段，启用了提前输入。当键入ahead返回一些值列表时，例如val 1、val 2、…val n。然后在选项的顶部和底部会出现空格。如果我将同一字段改为下拉，那么它工作正常。听起来您的查找返回的是一个空行。检查您的数据编号。这是所有选项之间的空间。没有空白数据。使用Firebug或类似的东西，检查CSS中相关元素的样式。创建样式表以更改相关设置。您是正确的。我尝试了这个方法，但它也影响了combobox的提前输入选项。因此，它纠正了文本框提前输入的问题，但为combobox创建了新问题。：）我没有足够的信用来粘贴屏幕截图，否则我可以给你一个更好的主意。您仍然可以看到下拉框看起来很酷的地方。但是我的挑战是降低选项的高度&这不应该影响combobox。您可以将样式类（例如shrinkOptions）设置为字段所在的某个容器。然后CSS选择器将是.shrinkOptions.tundra.dijitMenuItem。此块之外的其他自动完成控件将不受影响。“.shrinkOptions”不起作用，因为dijitComboBoxMenuPopup div（定义选项弹出窗口的地方）在表单元素之外。inputText和comboBox的弹出窗口定义非常相似。唯一的区别是字段名，它是“id”的一部分。因此，如果您的inputText字段的字段名中都包含“inputText”，那么您可以使用以下css:

.dijitcomboxmenu li[id*='inputText']{padding:0px 2px；}

感谢您的建议。我今天要试试。我们将最早分享结果。大家好，谢谢你们的宝贵意见。不幸的是，这对我不起作用。你是对的。我尝试了这个方法，但它也影响了combobox的提前输入选项。因此，它纠正了文本框提前输入的问题，但为combobox创建了新问题。：）我没有足够的信用来粘贴屏幕截图，否则我可以给你一个更好的主意。您仍然可以看到下拉框看起来很酷的地方。但是我的挑战是降低选项的高度&这不应该影响combobox。您可以将样式类（例如shrinkOptions）设置为字段所在的某个容器。然后CSS选择器将是.shrinkOptions.tundra.dijitMenuItem。此块之外的其他自动完成控件将不受影响。“.shrinkOptions”不起作用，因为dijitComboBoxMenuPopup div（定义选项弹出窗口的地方）在表单元素之外。inputText和comboBox的弹出窗口定义非常相似。唯一的区别是字段名，它是“id”的一部分。因此，如果您的inputText字段的字段名中都包含“inputText”，那么您可以使用以下css:

.dijitcomboxmenu li[id*='inputText']{padding:0px 2px；}

感谢您的建议。我今天要试试。我们将最早分享结果。大家好，谢谢你们的宝贵意见。不幸的是，这对我不起作用。