2014-09-19 22 views
0

我想隱藏富文件的邊框:fileupload.I只需顯示瀏覽按鈕即可。任何人都可以在此引導我。如何隱藏富文件的外框:fileupload

<td colspan="4"> 
      <rich:fileUpload id="upload" fileUploadListener="#{fileUploadBean.listener}" maxFilesQuantity="#{fileUploadBean.uploadsAvailable}" 
       acceptedTypes="txt,ppt,jpg,doc,xls, gif, bmp,pdf" ontyperejected="alert('Only TXT,PPT,DOC,XLS JPG, GIF,PDF and BMP files are accepted');" 
       addControlLabel="Browse" listHeight="auto" listWidth="300px" onsizerejected="fileSizeRejected();" 
       immediateUpload="#{fileUploadBean.autoUpload}" allowFlash="#{fileUploadBean.useFlash}" addButtonClass="browse-button-font" > 
       <a4j:support event="onuploadcomplete" reRender="uploadInfo" oncomplete="setFlag();"/> 
      </rich:fileUpload> 
      </td> 

下面是我的CSS代碼: 即使我把邊界:無還一個邊界的瀏覽按鈕外面傳來。

.rich-fileupload-button-border{ 
    border:none !important; 
    } 

    .rich-fileupload-ico-start,.rich-fileupload-ico-stop,.rich-fileupload-ico-clear,.rich-fileupload-anc{ 
    display: none !important; 
    } 

    .rich-fileupload-ico-add{ 
    border: 1px solid #474747; background: #0035a9 url(images/ui-bg_highlight-hard_60_0035a9_1x100.png) 50% 50% repeat-x; 
    position: fixed; 
    margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; 
    background-image: none; 
    } 

    .browse-button-font 
    { 
    font-family: Segoe UI, Arial, sans-serif; font-size: 1.0em;font-weight: bold; 
    color: #ffffff;  
    } 

.rich-fileupload-toolbar-decor { 
background: none; 
border:none !important; 
} 

.rich-fileupload-list-decor{ 
border:none !important; 
} 

回答

1
div div.rf-fu { border: 0px; width: 85px; !important } 
div div.rf-fu-hdr { border: 0px; !important } 
span span.rf-fu-btn-clr { border: 0px; !important } 
span.rf-fu-btns-lft{ width: 85px; !important } 
span.rf-fu-btns-rgh{ display: none; !important } 
div div.rf-fu-lst { display:none; !important } 

嘗試CSS以上,這應該做的伎倆。

+0

感謝您的回覆。我嘗試過CSS以上,但仍然有一個外邊框顯示在瀏覽按鈕外部。 – ss2014 2014-09-22 10:50:50

+0

請提供一些CSS/HTML,以便我可以檢查:) – 2014-09-22 11:23:42

+0

我已添加css code.Kindly檢查並讓我知道如果你發現任何東西:) – ss2014 2014-09-23 11:03:19