HTML

<html> 
<body> 
    <div style="width:100%; height: 300px; overflow: auto;"> 
     <table cellspacing="0" cellpadding="2" style="width:100%;"> 
      <thead> 
       <tr> 
        <td>Col1</td> 
        <td>Col2</td> 
        <td>Col3</td> 
        <td>Col4</td> 
       </tr> 
      </thead> 
      <tbody tabindex="0"> 
       <tr> 
        <td>Col1</td> 
        <td>Col2</td> 
        <td>Col3</td> 
        <td>Col4</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</body> 
</html>

TBODY滚动焦点在FireFox

问题

在Firefox中，当你点击一排，它把聚焦到TBODY，导致含div来产生一个水平滚动条，其滚动为1个像素。

问题

如何防止单击行时显示的水平滚动？我可以将 "overflow-x: hidden; overflow-y: auto;"放在包含div的div上，但是如果div确实需要水平滚动，该怎么办？有谁知道更好的方法来处理这个问题吗？

来源

2009-11-09 Brandon Montgomery

如果你想阻止显示出来虚线，试试这个：

<style> 
    table *:focus{ 
     outline:0; 
    } 
</style>

好运。

来源

2009-11-09 16:51:02 metrobalderas

谢谢！这工作。 – 2009-11-09 20:33:56

TBODY滚动焦点在FireFox

HTML

问题

问题

回答

相关问题