html - Border-bottom 在不应该显示的时候显示

Question

我有一个小的 div block ，如图 fiddle 所示。 .此 div 包含另一个 div( fiddle 中的第 9 至 17 行)，每当出现问题时都会显示(由 javascript 执行，此处不相关):

                <div class="ui-state-default ui-widget-header plupload_header">
                  <div class="plupload_header_content">
                    <div class="plupload_logo"> </div>
                    <div class="plupload_header_title">Sélectionnez les fichiers (max. 80 Mo)</div>
                    <div class="plupload_header_text">Ajoutez des fichiers à la file d'attente de téléchargement et appuyez sur le bouton 'Démarrer l'envoi'</div>
                    <div class="plupload_view_switch" style="display: none;"><input type="radio" id="plupload_container_view_thumbs" name="view_mode_plupload_container" class="ui-helper-hidden-accessible"><label class="plupload_button ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" for="plupload_container_view_thumbs"
                        data-view="thumbs" role="button" title="Miniatures"><span class="ui-button-text">Miniatures</span><span class="ui-button-icon-secondary ui-icon ui-icon-image"></span></label></div>
                  </div>
                </div>

在相应的 css 中，有一个小片段(如下所示)，除了其他 css 片段外，还支持它。

.ui-state-default.ui-widget-header.plupload_header {
  z-index: 99999999;
  position: absolute;
  bottom: 59px;
  width: 98.7%;
  background: transparent !important;
  border-bottom-style: hidden;
  border-bottom-width: 2px;
}

问题

尽管它是隐藏的(根据 CSS)，但我无法摆脱底部的灰色边框(为了清楚起见，请参见下图)。即使它不是很明显，通过靠近屏幕检查它，您也会看到灰色边框。我怎样才能删除它？感谢您的帮助。

FIDDLE

更新

div部分会在上传出现问题时显示错误信息(JS制作)。像这样:

你可以看到上面的灰色线仍然存在。

Answer 1

只需使用border: none;

.ui-state-default.ui-widget-header.plupload_header {
  z-index: 99999999;
  position: absolute;
  bottom: 59px;
  width: 98.7%;
  background: transparent !important;
  border: none;
}