title: DT datatable selected row color: inconsistent behavior on IE and chrome
body: <p>I have an app, similar to below, which I'd like to customize the color of the selected row rendered via DT. My app code looks like below</p>
  
  <pre><code>library(shiny)
  library(DT)
  
  bkg_shade &lt;-"#2c3e50" 
  
  ui &lt;- fluidPage(
    tags$style(HTML(paste0("table.dataTable tr.selected td, table.dataTable td.selected{background-color: ",
                          bkg_shade," !important;}"))),
    fluidRow(dataTableOutput("tbl"))
  )
  server &lt;- function(input, output){
    output$tbl &lt;- renderDataTable({
      datatable(mtcars)
    })
  
  }
  
  app &lt;- shinyApp(ui = ui, server= server)
  runApp(app)
  </code></pre>
  
  <p>It looks as expected on chrome, the selected row color is what I specified.
  <a href="https://i.stack.imgur.com/L0Txr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L0Txr.png" alt="enter image description here"></a></p>
  
  <p>However, the selected row color is still the default color in IE.
  <a href="https://i.stack.imgur.com/ZG2SO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZG2SO.png" alt="enter image description here"></a></p>
  
  <p>Have anyone has experienced similar issue before? and how can I fix this so that the selected row color is also customized in IE?</p>