I have come across several discussions regarding this topic with various suggestions. My current objective is to make the alternating rows in Bootstrap (2.3.2) appear darker in Internet Explorer 8. To achieve this, I attempted to override the style by implementing a significantly darker background color:
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #BFBABA;
}
Despite clearing my Internet Explorer 8 browser cache, closing and reopening it, the changes in style do not seem to be taking effect. The table has been styled as follows:
table table-bordered table-striped
It is worth mentioning that the alterations function correctly in Chrome.
If anyone has any insights or potential workarounds for this situation, please share your thoughts.