Cannot change vbox border on #vbox:focused

Question

When vboxs are focased can we use css to change them?

#vbox{
   -fx-border-radius:8;
   -fx-border-width:2;
   -fx-border-color: #333333;

   }

//this works
#myvbox:hover {
   -fx-border-color: #455A64;

   }

//this does not
#myvbox:focused{
   -fx-border-color: #000000;

   }

Hover works fine. But trying to set color of focused vbox it does not work.