我有以下 CSS
<style type="text/css">
.taskFilter {
float: left;
padding-left: -5px;
border: 1px;
}
</style>
在 JSF 中使用此 CSS
<rich:column sortBy="#{report.taskName}"
id="taskName" filterMethod="#{myBean.filterTaskName}" />
<f:facet name="header">
<h:panelGroup>
<h:outputText value="Task Name" />
<h:inputText class="taskFilter" value="#{myBean.filterValue}" id="filterInput"
onclick="Event.stop(event)">
<a4j:support event="onkeyup" reRender="dataTable, ds" ... />
...
</rich:column>
在 Firefox 和 Chrome 中运行良好,如下所示:
但是 IE 将其呈现得很奇怪:
有什么解决方法吗? 任何帮助都会很棒。
最佳答案
由于您的input
在其自己的行中清除float
所以您有:
.taskFilter {
float: left;
clear:both;
padding-left: -5px;
border: 1px;
}
关于css - JSF - 过滤文本框在 IE 中的出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15223944/