"Show Child Row" icon not being displayed in Chrome

JLyon60

I have a DataTables table with child rows, and with responsive mode enabled, along with the bootstrap 3 styling.

In Internet Explorer 11 and in Firefox (v52), the "+" icon generated by the following renders properly:

starting on line 17 of responsive.bootstrap.css...

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before

but for some reason, when I load the page in Chrome (v59), this styling doesn't render at the beginning of each row of the table. In fact, even though the CSS file shows as having loaded in the "network" tab, there appears to be nothing being rendered that uses any of these classes and their styling.

It appears to be Chrome-specific, as the page renders correctly in Internet Explorer 11 and in Firefox.

I will try to duplicate this with a dummy data page and the different browsers later, as unless there is a way to emulate each of the browser selections, I can't see a way to emulate this behavior in JSFiddle (there may be a way, I haven't worked with JSFiddle enough to know all its ins and outs).