CSS inheritance problem

[Pedro Duque Vieira]

Hi,

I've got a popup which is composed of an anchor pane and it's children.
I wanted to add a border to the popup so I styled the anchor pane like so:
-fx-border-style: solid;
-fx-border-width: 1;
-fx-border-color: gray;

The problem is that all the children of the anchor pane will inherit this
style. I've managed to find a workaround for this which was to add 2
background, the first one does the job of being a border.

My question is: is this a suitable behavior? children inheriting the
parents border style?

Cheers,

-- 
Pedro Duque Vieira