鼠标悬停不工作？答案

【问题标题】：Mouse hover not working?鼠标悬停不工作？
【发布时间】：2016-06-25 06:34:32
【问题描述】：

我正在处理一些 HTML5 页面，我在超链接上使用了 CSS 悬停属性。我希望当单击图像中显示的某些标题时，悬停颜色得到修复，现在当我们悬停在其他标题上时，悬停正在工作，如果我们单击其他，它们的颜色将被修复，第一个将始终为白色，特别是悬停正在工作。

在我的情况下一切正常，当我点击标题颜色固定但悬停到其他标题不起作用时，我使用 JavaScript 的 onclick 事件来修复悬停颜色。

<a href="#Main-Services-Page" id="Services-TechnicalSupport-Link-Button" onClick="ShowTechnicalSupportDiv();FixHeadercolorTechnicalSupportBlue();FixHeadercolorSmartCloudServicesWhite();FixHeadercolorInteriorDesignServicesWhite();FixHeadercolorUiCustomizationWhite();ServicesProductEnqBlueMiddleIcon()"> 
   Technical Support 
<p class="SubTitleHeadings" style="font-size:13px; line-height:15px"> We serve customers problems </p>
<p class="SubTitleHeadings" style="font-size:13px; line-height:1px"> on technical issues</p>            
</a>

 function FixHeadercolorTechnicalSupportBlue()
 {
   var col=document.getElementById("Services-TechnicalSupport-Link-Button");
   col.style.color="#66ffff";
 }

【问题讨论】：

请分享你的代码
我为 1 个链接添加了代码，我认为这会有所帮助............

标签： javascript jquery html css hover

【解决方案1】：

您正在使用此功能onclick 使用onmouseover。你怎么能期望悬停会像这样工作：

onmouseover="FixHeadercolorTechnicalSupportBlue();"

【讨论】：

我还尝试了 mouseover、mouseout、mouseenter、mouseleave 事件，它们效果很好，但我希望当单击 1 个标题蓝色修复显示它必须被选中。同时当我们悬停到其他标题悬停（蓝色）时。在我的情况下，onclick 颜色是固定的，但后来鼠标悬停不起作用我想刷新页面。就像鼠标悬停一次，直到我点击标题。
如果是，那么您必须使用 !important 属性强制应用悬停效果。因为一旦您使用style.color，它就会内联应用。因此它可能会阻止hover effects
谢谢先生。仅仅一个词“！important”就解决了我的困扰。
很高兴帮助你@Vir

【解决方案2】：

$("#Services-TechnicalSupport-Link-Button").hover(function(){
  //When mouse is enter to Services-TechnicalSupport-Link-Button
},function(){
  //When mouse the leave Services-TechnicalSupport-Link-Button
});

【讨论】：

是的，我尝试使用 javascript 也使用 jquery 与悬停在 css 中相同，但如何修复显示它将被选中的颜色。