richfaces - 带有 spacer.gif 的额外 td 由 Richfaces 在使用 richfaces:tabpanel 生成的选项卡之间插入

Question

我需要创建选项卡并使用richfaces:tabpanel组件。

该问题是<td>由richfaces 生成的，其中包含spacer.gif并且因此选项卡之间有空间。

我尝试使用richfaces:tabpanel property headerspacing="0px";但空间存在。

我们正在使用richfaces version 3.3.3.Final和jsf version 1.2

jsp：

 <td width="100%">
<rich:tabPanel headerSpacing="0px;">
 <rich:tab id="tab1">
 <f:facet name="label">
 <h:outputText value="Tab1"></h:outputText>
 </f:facet>
  <ui:include src="./tab1.jspx"/>
  </rich:tab>
  <rich:tab id="tab2"> 
  <f:facet name="label">
 <h:outputText value="tab2"></h:outputText>
 </f:facet>
  <ui:include src="./tab2.jspx"/>
 </rich:tab> 
 </rich:tabPanel>
 </div>
 </td>

CSS：

.rich-tabhdr-side-border {
    border: none;   
    background-image: none;
}

.rich-tabhdr-side-cell{
    border: 1px solid #ABAA96;  
    height:23px;
    display:block;
    background:url(../images/ButtonConatinerBG.gif) repeat-x top;
    border-bottom:1px solid #A1A290;
    font-size: 12px;
    font-weight:bold;
    color: #FFFFFF;
    }

.rich-tabpanel-content {
 font-family: verdana;
font-size: 12px;
color: #000000;    
background-color:#F9F9FB; 
 }

Answer 1

您可以使用 CSS 隐藏这些分隔符：

.rich-tabpanel img[src="path/to/spacer.gif"] {
    display: none;
}