TBODY прокручивает фокус в FireFox - PullRequest
Новая
       1

TBODY прокручивает фокус в FireFox

1 голос
/ 09 ноября 2009

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>


Проблема

В FireFox, когда вы нажимаете на строку, она фокусируется на теле, в результате чего содержащийся div создает горизонтальную полосу прокрутки, которая прокручивается на 1 пиксель.


Вопрос

Как я могу предотвратить горизонтальную прокрутку, появляющуюся при щелчке строки? Вместо этого я мог бы поставить "overflow-x: hidden; overflow-y: auto;" на содержащий div, но что, если div действительно нуждается в горизонтальной прокрутке? Кто-нибудь знает лучший способ справиться с этим?

1 Ответ

4 голосов
/ 09 ноября 2009

Если вы хотите, чтобы пунктирные линии не появлялись, попробуйте следующее: 

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

Удачи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...