Avoid color changes to bootstrap dropdown items when row selected
Avoid color changes to bootstrap dropdown items when row selected
dariov
Posts: 25Questions: 4Answers: 0
Hello, i have a standard bootstrap dropdown button in a row. When the row is selected the color of the items in the bootstrap dropdown changes due to this rule:
table.dataTable tbody td.selected a, table.dataTable tbody th.selected a, table.dataTable tbody tr.selected a {
color: #a2d4ed;
}
how can i fix it?
This discussion has been closed.
Answers
We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.
Cheers,
Colin
ok, sorry. I made a test case using jsfiddle
https://jsfiddle.net/y8k4gaes/1/
please select the first row then with the row selected check the links' color in the dropdown button
You would need to make your selectors more specific, or exclude the elements you don't want. That's not a DataTables issue though, so it would be worth asking on a Bootstrap forum or StackOverflow.
Colin