Question

我正在使用PrimeFaces文件上传按钮，它按预期工作，但我的光标可以点击它而不在按钮的边界。如果光标都是

，则可以这样做

位于按钮上限
在按钮右边界的左侧。

按钮外面的可点击区域似乎有一些下限，但没有像上边界和右边界那样清晰的标记。

我目前正在使用PrimeFaces 6.0，而我的WebLogic服务器是12.1.2.0版。控制台上也没有错误。

我的xhtml中是否存在导致它的错误，或者它与PrimeFaces的问题有关？是否可以使用CSS更改可点击区域而不更改实际按钮大小？

XHTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui" template="/templates/main.xhtml">
<h:head></h:head>
<ui:define name="pagebody">

    <h:outputScript library="javascript" name="script.js" />

    <h:body>

        <p:ajaxStatus onstart="PF('statusDialog').show()"
            onsuccess="PF('statusDialog').hide()" />

        <p:dialog widgetVar="statusDialog" modal="true" draggable="false"
            closable="false" resizable="false" showHeader="false">
            <p:graphicImage value="/resources/images/ajax-loader.gif" />
        </p:dialog>


        <h:form id="uploadform" prependId="false"
            enctype="multipart/form-data"
            onkeypress="return event.keyCode != 13;">

            <p:focus />

            <p:outputPanel id="container">
                <center>
                    <h2>File Upload</h2>
                </center>
                <br />
                <center>
                    <font color="red"> <b><p:messages id="messages"
                                styleClass="error" /></b>
                    </font>
                </center>
                <center>
                    <p:fileUpload fileUploadListener="#{uploadBean.handleFileUpload}" mode="advanced"
                        update="submitButton" auto="true" allowTypes="/(\.|\/)(csv|xlsx)$/" />

                    <p:commandButton value="Submit" id="submitButton" actionListener="#{uploadBean.submitFile}" 
                        styleClass="ui-priority-primary" update="submitButton" disabled="#{! (uploadBean.enableSubmit)}"/>

                </center>
            </p:outputPanel>
        </h:form>
    </h:body>
</ui:define>

PrimeFaces FileUpload按钮可在按钮边界外单击

0 个答案: