Css 标签上有神秘的阴影。圣经总是有一个影子——影子是无法消除的

大家好

我最近开始学习JavaFX。现在我想使用TabPane创建一个导航

曲面是通过FXML创建的，应该使用CSS设置样式。如下图所示，整个过程应该是这样的：

但它看起来像这样：

我无法移除这个神秘的阴影。阴影被放置在带有样式类“shadow”的AnchorPane层上，但不能通过-fx effekt:null；在子节点中重写

现在我已经尝试了各种各样的事情，但都没有成功

阴影依然顽固

也许你们中有人知道这个“问题”，可以告诉我他提出的解决方案

我对每一个小费都很满意

继承也不是FXML和CSS文件

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.net.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane id="pane" fx:id="anchorpane" maxHeight="1.7976931348623157E308"   maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="589.0" prefWidth="1000.0" styleClass="shadow" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8" fx:controller="viewController.TabModulController">
    <stylesheets>
        <URL value="@../css/tabs.css" />
    </stylesheets>
<children>
<TabPane prefHeight="496.0" prefWidth="827.0" style="-fx-effect: null;" tabClosingPolicy="UNAVAILABLE">
  <tabs>
    <Tab text="Untitled Tab 1">
      <content>
       <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
     </content>
    </Tab>
    <Tab text="Untitled Tab 2">
      <content>
        <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
      </content>
    </Tab>
  </tabs>
</TabPane>
</children>
</AnchorPane>

---

这是关于文本阴影的，你试过吗：-fx文本阴影：0；或-fx效果：textshadow；我试过了，没有效果。scenebuilder表示未设置任何效果。属性“-fx effect”显示值“-”，因此它必须位于其他位置。查看是否可以覆盖、重置、将文字阴影效果设置为0

.noshadow
{
    -fx-effect: null;
}

.tab-pane
{
-fx-border-radius: 0 0 0 0;
-fx-background-radius: 0 0 0 0;
}

.tab-header-background
 {
-fx-background-color: transparent;
 }

.tab
 {
-fx-background-color: transparent;
 }

 .tab-label
 {
-fx-effect: null;
 }

 .tab:selected
 {
-fx-background-color: #fff;
-fx-border-radius: 0 0 0 0;
-fx-background-radius: 0 0 0 0;
}


.headers-region
{
-fx-effect: null !important;
}

.tab-close-button
{ 
    -fx-background-color: transparent;
    -fx-effect: null
}