Weblistbox (2.0): How to set the font color of a selected row?

Targets Web
1

In the Weblistbox inspector it is possible to set the Selected Row Color. However, if this color is set as a light color, then the text is hard to read as the font color of a selected row is set to white.

Does anyone know how to get a black color for the text in a selected row?

I know how to set the color of the table header and when rows are hovered (see below for code that can be put in the App’s HTML Header), but I just can’t find it for selected rows. Thanks for your help.

<style>
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top:1px solid rgba(0, 0, 0, .05);
    background-color:rgba(102, 0, 255, .4)
}

.table-hover tbody tr:hover {
    color:black;
    background-color:rgba(110, 0, 255, .075)
}

</style>
2

Try

<style>
table.dataTable tbody tr.selected {
    color:black !important;
}
</style>
3

Thanks Alberto, that works!