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属性を設定。