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 défile sur mise au point dans FireFox

Problème

Dans FireFox, lorsque vous cliquez sur une ligne, il met l'accent sur le tbody, ce qui provoque les contenant div pour produire une barre de défilement horizontal qui défile pour 1 pixel.

Question

Comment puis-je empêcher le défilement horizontal d'apparaître lorsque la ligne est cliquée? Je pourrais mettre "overflow-x: hidden; overflow-y: auto;" sur la div contenant à la place, mais que faire si le div a vraiment besoin de faire défiler horizontalement? Est-ce que quelqu'un sait d'une meilleure façon de gérer cela?

Source

2009-11-09 Brandon Montgomery

Si vous voulez éviter les lignes en pointillé de montrer, essayez ceci:

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

Bonne chance.

Source

2009-11-09 16:51:02 metrobalderas

merci! cela a fonctionné. –

TBODY défile sur mise au point dans FireFox

HTML

Problème

Question

Répondre

Questions connexes