表格行未在点击时突出显示

【问题标题】：table row not getting highlighted onclick表格行未在点击时突出显示
【发布时间】：2017-06-22 01:46:27
【问题描述】：

在我的网页中，我使用表格而不是网格视图，当我使用键使用自动填充功能填充列时，特定行保持突出显示，但是当我使用鼠标执行自动填充功能时，它不会突出显示行..这个问题有解决办法吗

【问题讨论】：

你能显示渲染后的 HTML 吗？
嗨 Hary，“寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定问题或错误以及重现它所需的最短代码问题本身。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建minimal reproducible example。" stackoverflow.com/help/on-topic

【解决方案1】：

如果您的意思是选择文本（突出显示），这可能有助于使内容无法选择：

td,
th {
  user-select: none;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>

【讨论】：