如何从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属性。