如何禁用引导自定义按钮上的悬停效果?

查尔斯

我正在使用引导程序 3,这可能是一个愚蠢的问题,但我无法在fa-chart-line此处禁用图标上的悬停效果

<h5>
  <span class="btn btn-circle blue1-icon"> 
    <i class="fas fa-chart-line"></i>
  </span> My Title
</h5>

CSS:

.blue1-icon {
  background-color: #019993;
  color: #fff;
}

.blue1-icon:hover {
  text-decoration: none;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}


.btn-circle:hover {
  cursor: default;
  text-decoration: none !important;  
 }


.fa-chart-line:hover  {
  text-decoration: none !important;
}

我怎样才能解决这个问题?

克里斯快乐

我很难准确确定效果,但您始终可以使用pointer-events.

.btn-circle {
    pointer-events: none;
    display: inline-block; /* For added support */
}

链接:

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章