Como faço para remover o brilho de borda padrão de um botão JavaFX (quando selecionado)?

Estou tentando remover o brilho da borda (veja a imagem abaixo) que aparece por padrão quando um botão JavaFX é selecionado:

A borda azul é o estilo padrão do JavaFX para quando o botão é selecionado

Eu também quero fazer isso usando CSS, e não declarativamente de dentro do script JavaFX principal. No entanto, estou tendo problemas para descobrir qual propriedade CSS eu preciso usar (er, defina como 0?) Para remover essa borda.

Para remover a exibição do anel de foco de qualquer controle de dentro do código:

control.setStyle("-fx-focus-color: transparent;"); 

Para remover o anel de foco de todos os controles, aplique uma folha de estilo:

 .root { -fx-focus-color: transparent; } 

Para remover apenas o anel de todos os botões, use:

 .button { -fx-focus-color: transparent; } 

Eu acho a configuração do atributo -fx-focus-color mais direta do que depender de uma estranha combinação de inserções para remover o anel de foco.

Além disso, você pode usar a mesma configuração para alterar o anel de foco para uma cor diferente, como -fx-focus-color: firebrick .

Atualização 20 de janeiro de 2015

O JavaFX 8 é fornecido com uma nova folha de estilo do agente do usuário padrão ( modena ). Essa nova folha de estilos do agente do usuário foi enviada com uma configuração adicional para destaques de foco: -fx-faint-focus-color . Para aplicações Java 8, é necessário definir tanto -fx-focus-color como -fx-faint-focus-color como transparente para remover todos os traços do anel de foco. Veja a resposta da good4m para esta questão.

Atualização 10 de dezembro de 2015

Se você só definir as colors de foco como transparente, conforme recomendado anteriormente nesta resposta, para alguns controles, você poderá ver alguma diferenciação sutil entre quando um controle está focalizado e quando não está. Para muitas aplicações, isso não será um problema e definir as colors de foco como transparentes será suficiente.

Para obter mais informações e soluções alternativas, analise a resposta de James_D para Remover blue frame do campo de input JavaFX e a postagem no blog de Jens Deter sobre Como se livrar do realce de foco no JavaFX . Esteja ciente de que o link para o blog de Jens Deter, infelizmente, tem alguns pop-ups irritantes.

 -fx-focus-color: transparent; -fx-faint-focus-color: transparent; 

Há várias maneiras de fazer isso. Você pode tentar tudo isso.

 button.setStyle("-fx-focus-color: transparent;"); 

ou

 .button{ -fx-focus-color: transparent; } 

ou

 .button:focused{ -fx-focus-color: transparent; } 

Se você deseja remover este anel de foco no JavaFX 8, reescreva o: seletor de foco com o estilo de seletor .button de modena.css.

 .button:focused { -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color; -fx-background-insets: 0, 1, 2; -fx-background-radius: 5, 4, 3; } 

A resposta de Stelios Adamantidis está correta, o que é

 .button:focused { -fx-background-insets: 0, 0, 1, 2; } 

Aqui está a minha explicação:

Por exemplo, a definição

 -fx-background-color: red, green, deepskyblue, blue; 

parece definir quatro camadas de colors de fundo, com vermelho como a cor da camada mais recuada.

Por exemplo, a definição

 -fx-background-radius: 0, 1, 4, 10; 

define o raio para todos os cantos para cada camada de cor. Aqui, a camada vermelha tem todos os cantos com o raio de 0, a camada verde tem todos os cantos com o raio de 1 e assim por diante.

Por exemplo, a definição

 -fx-background-insets: -10, 0, 3, 5; 

define o preenchimento das camadas de colors. Você também pode definir valores negativos, em seguida, a cor estará em torno do controle.

Os valores padrão para um botão parecem ser algo assim:

 .button:focused { -fx-background-color: , < ?>, < ?>, linear-gradient(to bottom, < ?>, < ?>); -fx-background-insets: -1, 0, 1, 2; } 

Definir o primeiro valor de inserções como 0 oculta a cor shiny por trás da segunda cor.

Mais sobre o JavaFX CSS você pode encontrar aqui:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html