Question

我把p：inputText和p：selectOneMenu项目放在一起。

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Tester</title>
    </h:head>    
    <h:body> 
        <h:form>
            <p:panelGrid columns="2">
                <p:inputText value="#{myBean.text}" />        
                <p:selectOneMenu id="console" value="#{myBean.combo}">        
                    <f:selectItem itemLabel="Select One" itemValue="" />
                    <f:selectItem itemLabel="Red" itemValue="R" />
                    <f:selectItem itemLabel="Green" itemValue="G" />
                    <f:selectItem itemLabel="Blue" itemValue="B" />
                </p:selectOneMenu>        
            </p:panelGrid>

        </h:form>
    </h:body>
</html>

我可以解决p：selectOneMenu的默认外观问题。 inputtext selectOneMenu中的文本底部未对齐，右侧按钮滑动。我没有设置任何风格。

我尝试通过各种方式设置样式（.ui-selectonemenu-label和.ui-selectonemenu的高度）来解决它，但没有成功。我不一定期望默认外观是好的，但如果这种情况不会发生在其他人身上，那么我环境中的某些内容可能是错误的。

Primefaces 6.1.4，Firefox 55.0.3

p：selectOneMenu默认外观

0 个答案: