How to set panel border color

Vaadin 6 / 7 / 8 Framework UI
1

Hi there,

I’m trying to change the color of the borders of my panels. How do I do this?

I tried doing the following:

.v-panel {
border-color: #FFFFFF;
}

That didn’t work and the following didn’t work either:

.v-panel-content > div {
border-color: #FFFFFF;
}

Thanks in advance.

2

Try with,


.v-panel-caption{
        border-left-color: yourcolor;
        border-top-color: yourcolor;
     ......
    .......
}
3

Check the Chameleon Theme CSS for reference:
panel.css

Note, though, that the Chameleon Theme extends from the Base theme and not the Reindeer, so you might have to override some other properties to get the results you want.