vue-router: как отключить свойство структуры CSS-роутера как - PullRequest
Новая
       8

vue-router: как отключить свойство структуры CSS-роутера как

0 голосов
/ 30 октября 2018

Я хочу отключить контур CSS в элементе ссылки. Я могу отключить контур объекта класса css, но не могу отключить контур <router-link>. Как отключить контур? 

.page-link, .page-link:visited, .page-link:hover, .page-link:active, .page-link:focus {
    outline: 0 none !important;
    border: 0;
}

<div>
    <!-- worked -->
    <a class="page-link">normal link</a>
</div>
<div>
    <!-- not worked -->
    <router-link to="" class="page-link">router-link</router-link>
</div>

браузер: 

Chrome

Ответы [ 2 ]

0 голосов
/ 30 октября 2018

Избегайте! Важный АМАП 

.page-link, .page-link:visited, .page-link:hover, .page-link:active, .page-link:focus 
{
  outline: unset;
  border: unset;
}

<router-link to="" class="page-link">router-link</router-link>
0 голосов
/ 30 октября 2018

Попробуйте это: 

.page-link, .page-link:visited, .page-link:hover, .page-link:active, .page-link:focus {
  outline: 0 none !important;
  border: 0;
}

<div>
  <router-link to="">
    <a class="page-link">normal link</a>
  </router-link>
</div>
...