我正在使用引导程序 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] 删除。
我来说两句