我想要隐藏富有的边框: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;
}
答案 0 :(得分: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,这应该可以解决问题。