Javascript 如何更改菜单按钮周围的区域以使其可单击？

我正在使用Shape5.com Corporate Response Joomla模板，并被要求更改菜单按钮的行为，以便当您将鼠标移到按钮上时，只要背景高亮显示，就可以单击该按钮。按照现在的工作方式，您必须在菜单标题内进一步移动鼠标，将光标从指针移动到手，以便可以单击鼠标。如果用户在它变成手之前点击它，它不会做任何事情，因为点击还没有激活。我被要求改变它，这样当它突出显示背景时，菜单就可以点击了。以下是该网页的演示：

我不知道该怎么做。这是CSS可以控制的东西吗？或者这是由JavaScript控制的？当鼠标从菜单按钮的周围区域移动并且高亮显示的背景改变时，这仅仅是JavaScript的一个功能吗？还是CSS

如果是JavaScript，我该如何进行更改以了解其工作原理，它是否使用像素来定义各种图像映射？谢谢

原件：

<span class="s5_level1_span1">
 <span class="s5_level1_span2">
   <a href="javascript:;">Tutorials</a>
 <span class="S5_parent_subtext" onclick="window.document.location.href="javascript:;"">Find Help Here</span>
 </span>
</span>

在这里寻求帮助

新的

---

与文本相反，环绕跨距，这将扩展可单击区域。

鼠标按钮单击是一个浏览器事件，您可以使用javascript“钩住”它，这意味着您可以用javascript编写一个函数，在单击时执行某些操作

---

在您的例子中，该函数是由每个菜单项的文本而不是菜单项本身产生的。对于每个菜单项，必须将

onclick

属性从带有

class=“S5\u parent-subtext”

的

移动到带有
class=“mainParentBtn”
。但由于它是一个joomla模板，我假设HTML是在PHP中生成的，所以您必须找到它的生成位置并进行更改。我想你至少需要了解一点PHP和joomla的架构才能做到这一点
 我知道这已经很晚了，但我为此挣扎了一段时间并解决了它，我想确保其他人能找到答案

只需在模板中加入custom.css，就可以使用css

active a {
color: #xxxxxx: !important; 
}

这意味着不要再乱搞onclick函数和核心模板。
谢谢，帕特，你是如何找到这段代码的？我在Google Chrome的查看源HTML中没有看到它。您使用的是Inspect元素吗？Firebug-（对于Firefox和Chrome）-非常有用的工具-必须拥有！是的，这个Joomla模板使用Shape5开发的Vertex和Flex菜单系统以及Joomla模板。我将不得不深入研究所有这些，以找出如何将这些放在一起来改变它。如果我查看页面的HTML源代码，我还会看到一个对S5_parent_子文本的引用，因此我不确定您是如何获得此代码的。如果您使用的是Chrome，请右键单击文本并按“Inspect element”。（这在一些其他浏览器中可用，但在IE中不可用。）现在，在打开的控制台中，将鼠标悬停在HTML上，您将看到它们在页面上突出显示。这就是如何找到将
onclick
属性放在哪里的方法。
active a {
color: #xxxxxx: !important; 
}