鍍金池/ 問答/HTML5  HTML/ 如何屏蔽掉某一個css外鏈樣式?

如何屏蔽掉某一個css外鏈樣式?

我用了element組件的el-button標(biāo)簽,這個標(biāo)簽有一個:focus偽類,導(dǎo)致我每次點擊按鈕后都會觸發(fā)這個偽類,這個偽類的樣式是我不想要的,我該怎樣屏蔽它,

重寫這個偽類也無法滿足我的需求,因為重寫后他還是會有樣式,應(yīng)該怎么辦,我現(xiàn)在的解決辦法是把每一個偽類都根據(jù)我的需要重寫一遍。

回答
編輯回答
檸檬藍(lán)

利用優(yōu)先級進(jìn)行樣式覆蓋,審查元素樣式進(jìn)行更改

.el-button:focus, .el-button:hover {
    color: #606266!important;
    border-color: #dcdfe6!important;
    background-color: #fff!important;
}
2017年12月15日 02:04
編輯回答
焚音

去是去不掉的,只要你用了這個標(biāo)簽,只能利用優(yōu)先級覆蓋;

增加一個class 利用 樣式表優(yōu)先級原則 覆蓋 原組件的 樣式呢

2018年5月9日 15:41
編輯回答
好難瘦

對于這種打包在一起的樣式,要么就按需加載,要么就只能重寫。至于重寫之后還是有,可能是優(yōu)先級的問題,通??梢杂酶咭患墸ㄔ谇懊婕右患墸┑姆绞絹斫鉀Q。

2018年1月28日 03:59