Bootstrap 4.1.1 / Select 1.2.6 : links in dropdown menu are not displayed correctly

Lolo

Hello,

As you can see on this example (see link below) links in dropdown menu are not displayed properly when a line is selected in the table.

https://jsfiddle.net/aq9Laaew/46079/

In order to correct it, I have add the following css in my stylesheet:
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
color: inherit !important;
}

Do you think you could enhanced your css rule in order to avoid my custom css?

Thanks in advanced and have a nice day.

allan

Hi,

Thanks for your post. The problem with what you suggest is that it will colour the link text as white, which makes it indistinguishable from regular text.

Possibly the stylesheet should set a colour, but not inherit. I don't know what that colour would be though since it could cause problems with Bootstrap themes.

Allan

Lolo

Hi allan and thanks for your answer.

You are right, but do you think it would be possible to "simply" improve the css rule in order to change color of <a> tag only if the link is a children of <th> or <td> tag.

Like that, components from bootstrap (or other) that are in a cell will not be affected by the current rule.