Html 如何在引导自定义按钮上禁用悬停效果?
我正在使用bootstrap 3,这可能是一个愚蠢的问题,但我无法在fa图表线图标上禁用悬停效果:Html 如何在引导自定义按钮上禁用悬停效果?,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我正在使用bootstrap 3,这可能是一个愚蠢的问题,但我无法在fa图表线图标上禁用悬停效果: <h5> <span class="btn btn-circle blue1-icon"> <i class="fas fa-chart-line"></i> </span> My Title </h5> 如何修复此问题?检查此问题 您需要在悬停时将.btn的颜色设置为白色。我又加了一句!仅用于演示目的。理
<h5>
<span class="btn btn-circle blue1-icon">
<i class="fas fa-chart-line"></i>
</span> My Title
</h5>
如何修复此问题?检查此问题
您需要在悬停时将.btn的颜色设置为白色。我又加了一句!仅用于演示目的。理想情况下,如果在引导css之后加载css,则无需提供!重要的
此外,不需要在代码中使用文本装饰
.blue1图标{
背景色:019993;
颜色:fff;
}
.blue1图标:悬停{
文字装饰:无;
}
.btn圈{
宽度:30px;
高度:30px;
文本对齐:居中;
填充:6px0;
字体大小:12px;
线高:1.428571429;
边界半径:15px;
}
.btn:悬停{
游标:默认值;
颜色:白色!重要;
}
我的头衔
看看这个
您需要在悬停时将.btn的颜色设置为白色。我又加了一句!仅用于演示目的。理想情况下,如果在引导css之后加载css,则无需提供!重要的
此外,不需要在代码中使用文本装饰
.blue1图标{
背景色:019993;
颜色:fff;
}
.blue1图标:悬停{
文字装饰:无;
}
.btn圈{
宽度:30px;
高度:30px;
文本对齐:居中;
填充:6px0;
字体大小:12px;
线高:1.428571429;
边界半径:15px;
}
.btn:悬停{
游标:默认值;
颜色:白色!重要;
}
我的头衔
我很难准确地确定效果,但您始终可以使用指针事件 链接:
我很难准确地确定效果,但您始终可以使用指针事件 链接:
在bootstrap4中,根据以下步骤,您只需将disabled添加到按钮标记,而不是css类,如下所示:
<h5>
<button class="btn btn-circle blue1-icon" disabled>
<i class="fas fa-chart-line"></i>
</button> My Title
</h5>
至少,这是按钮的工作原理
希望这是有帮助的,不要离主题太远,使用button而不是span,使用bootstrap4而不是3。在bootstrap4中,根据,您只需将disabled添加到button标记而不是css类,如下所示:
<h5>
<button class="btn btn-circle blue1-icon" disabled>
<i class="fas fa-chart-line"></i>
</button> My Title
</h5>
至少,这是按钮的工作原理
希望这是有帮助的,不要离主题太远,用按钮代替span,用bootstrap4代替3。你能放入你的html吗?抱歉,刚刚修复了html。你能演示一下你的问题吗?我似乎无法复制。你能把你的html放进去吗?对不起,刚刚修复了html。你能演示一下你的问题吗?我似乎无法复制。问题是如何禁用悬停事件!并非所有events@Ricardinho嗯,您预计使用指针事件会发生什么意外行为:无?问题是如何禁用悬停事件!并非所有events@Ricardinho嗯,您预计使用指针事件会发生什么意外行为:无?
<h5>
<button class="btn btn-circle blue1-icon" disabled>
<i class="fas fa-chart-line"></i>
</button> My Title
</h5>