Неверно сфокусировано Описание привязанного содержимого в Internet Explorer - PullRequest
Новая
       16

Неверно сфокусировано Описание привязанного содержимого в Internet Explorer

0 голосов
/ 28 апреля 2018

Несмотря на то, что в Chrome и Firefox все работает нормально, у меня возникают проблемы с отображением корректного фокуса вокруг содержимого некоторых элементов привязки в IE.

Error outline

Как вы можете видеть на рисунке, контур фокуса находится вне рамки, в свернутом состоянии (выглядит как пунктирная линия), а не вокруг него, как в других браузерах.

Эта часть моего HTML: 

<section class='section'>
  <div class='container'>
    <div class='row mb-lg'>
      <header class='col-md-8 col-md-offset-2 text-center'>
        <h2 class='heading-with-bullet'>
             Box Tests
        </h2>
      </header>
    </div>
    <div class='row'>
      <div class='col-sm-4'>
        <a href='/tests/test1'>
          <div class='test-box'>
            <div>

              Test1
            </div>
          </div>
        </a>
      </div>
      <div class='col-sm-4'>
        <a href='/tests/test2'>
          <div class='test-box'>
            <div>

              Test2
            </div>
          </div>
        </a>
      </div>
      <div class='col-sm-4'>
        <a href='/tests/test3'>
          <div class='test-box'>
            <div>

              Test3
            </div>
          </div>
        </a>
      </div>
     </div>
  </div>
</section>

Есть какие-нибудь идеи о том, как я мог бы сделать схему фокуса, как ожидалось? Мне удалось найти только предложения о том, как полностью удалить схему, что не идеально по причинам доступности.

...