title: Change the hover over and selection color for table in Bootstrap?
body: <p>I have a table which uses class table-hover. I want to use a different color for hover and selection(by click) of a cell. </p>
  
  <p>Also if a selected cell is hovered then the color chosen for selected cell should appear</p>
  
  <p>I have used the following code for hover color:</p>
  
  <pre><code>.table-hover &gt; tbody &gt; tr.bg-info:hover {
    background-color: #d9edf7;
  }
  </code></pre>
  
  <p>But it seems that the specified color is getting used for both hover and selection of cell. </p>
  
  <p>I am very much a starter to bootstrap. Please can someone help me on how to use different color for hover and selection </p>