鍍金池/ 問答/HTML/ elementui的tabs組件出現(xiàn)藍(lán)色邊框問題。

elementui的tabs組件出現(xiàn)藍(lán)色邊框問題。

圖片描述

在chrome瀏覽器，組件沒有變化，在選中一個(gè)標(biāo)簽頁后切換窗口，再切換回來，就會(huì)出現(xiàn)藍(lán)色邊框，選中其他之后就會(huì)消失。

回答
編輯回答
貓小柒

應(yīng)該是這個(gè)組件的:active選擇器設(shè)置了outline屬性，再寫一個(gè)把這個(gè)覆蓋就好了，:active {outline:none}

2017年11月14日 00:51
編輯回答
傻叼

覆寫如下樣式。
.el-tabs__item:focus.is-active.is-focus:not(:active){

-webkit-box-shadow: none;
box-shadow: none;

}

2017年5月8日 08:20