css - 如何隐藏 rich :fileupload 的外边框

Question

我想隐藏 rich: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 代码: 即使我放了 border:none 仍然有一个边框出现在浏览按钮之外。

    .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;
}

Answer 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，这应该可以解决问题。