OK, so I decided to leave the (servoy-) css for what it is to show alternative buttons instead of the default ones. Unfortunately the margins as set in the solution are completely disrespected. The first attached image shows the solution, the second the browser…
So, I now set the lefmargin to 10 (instead of the default margin) and the buttons look like the attached image. On the left the solution and on the right the browser. This looks much better (apart from the fact that the images are still not respecting the margin and that the indentation of the text is more than the 10 pixels I defined).
I changed the color of the borders also and that works fine. What doesn’t work fine is the positioning of the borders. It they are positioned one pixel within the button.
When moving the buttons 2 pixels up the result was, again, ok. See the second image.
You also see that the 3rd button is blue-ish and non-transparent in the browser. However it is set to transparent in the solution.