JSF Richfaces自动完成功能破坏了页面样式

Question

我刚刚使用了丰富面孔自动填充功能。效果很好，但破坏了页面的样式。

自动填充组件为

<rich:autocomplete id="hsCode" styleClass="form-control" mode="client" required="true" minChars="2" value="#{productProfileListController.hsCode}" autocompleteMethod="#{productProfileListController.autocomplete}" />

下面是实际的页面样式。

然后，当自动完成显示出来时，样式中断，如下面的屏幕截图所示。写入123的文本框是自动完成文本框。

有人可以帮忙吗？提前致谢。

here提供的解决方案不起作用。