如何从TextField中删除内部阴影？

Question

我尝试使用此样式删除TextField的边框和内部阴影：

.text-field {
  -fx-control-inner-background: #EEEEEE;
  -fx-background-insets: 0;
  -fx-background-color: -fx-text-box-border, -fx-control-inner-background;
}

它运作良好：

但是当TextField聚焦时，它会显示如下的发光效果：

我试图用这个解决它，但它不起作用：

.text-field:focused {
  -fx-faint-focus-color: transparent;
  -fx-focus-color: #FF5252;
}

Answer 1

您可以将当前选择器更新为

.text-field {
  -fx-control-inner-background: #EEEEEE;
  -fx-background-insets: 0;
  -fx-background-color: -fx-text-box-border, -fx-control-inner-background;
  -fx-focus-color: transparent;
}

与您的相同，我只设置fx-focus-color属性。