1

我有一个自动完成组件，但它不像我想要的那样适合。

我希望弹出宽度适合输入字段，大小相同......我尝试了很多属性但没有成功。

这可能是一个限制吗？

在此处输入图像描述

看到，弹出小于原始输入字段。我需要做什么？

.inputPesquisa {
width: 77%;
}

...

<div class="pesquisa">
        <rich:autocomplete value="#{pesquisarBean.pesquisa}" styleClass="inputPesquisa"
            autocompleteList="#{bean.todos}" minChars="4" mode="client" layout="div">
            <div>ata</div>
        </rich:autocomplete>
        <a4j:commandButton value="Pesquisar" render="out, scroller"
            styleClass="botaoPesquisa" execute="@form"
            actionListener="#{pesquisarBean.processAction}" />
            <rich:messages showDetail="false" ></rich:messages>
    </div>
4

1 回答 1

2

我刚刚遇到你的问题，虽然它有点老了。

如果要更改文本框输入属性，请创建以下 CSS 样式：

.inputPesquisa .rf-au-inp {
    width: 350px;
}

我尝试使用所有样式树创建样式并且这有效（适用于所有自动完成组件）：

.rf-au-lst-cord .rf-au-shdw .rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px; /* Bigger than this shows scroller */
    width: 100%; /* This is enough to make all the autocomplete lists look nice */
}

但是当我尝试添加组件的类时

.inputPesquisa .rf-au-lst-cord .rf-au-shdw .rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px;
    width: 100%;
}

它不再起作用了。也许是打开 Jira 的情况。所以，切入正题并将其包含在您的 CSS 中：

.rf-au-lst-dcrtn .rf-au-lst-scrl {
    max-height: 300px;
    width: 100%;
}
于 2012-12-18T18:48:27.090 回答