Stylesheet problem with borders
I'm trying to style an application and if I touch a widget border to change it to a different color or thickness, it will always make the widget flat.
To make a widget pop up a bit, I'd like to be able to let say set the border to black and have to a second border line after the right and bottom border.
So far, my research got me to try setting the right and bottom borders to another style like groove or ridge, which are supposed to be supported.
So I got :
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 2px groove black;
border-bottom: 2px groove black;
outline: 1px solid red; background-color: #464646;
None of groove nor ridge have any effects, I get 2 black lines. No chance with setting the outline either.
Does anybody have any ideas how I could achieve this through stylesheet only?