Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在引导自定义按钮上禁用悬停效果?_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

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

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的颜色设置为白色。我又加了一句!仅用于演示目的。理

我正在使用bootstrap 3,这可能是一个愚蠢的问题,但我无法在fa图表线图标上禁用悬停效果:

<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>