使用.less的自定义光标 [英] Custom cursor with .less

问题描述

我使用Joomla 2.5和Gantry-powered主题。我试图构建一个自定义文本类型与.less，我的方式是从我的深度。
文本是可点击的，并播放音频文件。现在我正在寻找一个干净的方式，以便能够更改文本属性网站范围，而不必每次编辑每个文章。我试图在一个.less文件中创建一个自定义类，这将改变鼠标悬停，但我不能让它工作。

I am using Joomla 2.5 with a Gantry-powered theme. I am trying to build a custom text type with .less, and I am way out of my depth. The text is clickable, and that plays an audio file. Now I am looking for a clean way to be able to change the text attributes site-wide without editing every article every time. I am trying to make a custom class in a .less file that will change the mouse cursor on hover, but I can't get it to work at all.

在这里是如何设置音频：

Here is how I set up the audio:

<audio type="audio/mpeg" id="all" src="images/audio/BlackFriday/p2.mp3"></audio>
<div class="aa"><a onclick="document.getElementById('p2').play()">Black Friday sales are not all they are cracked up to be.</a></div>

我试图使用在.less文件中定义的类aa。以下是.less文件的全部内容：

I am trying to use the class "aa", which is defined in a .less file. Here are the entire contents of the .less file:

/** audio playing text. includes font and cursor*/
.aa {
    cursor: url(images/headphones.cur);
}

我也尝试过使用span调用类aa对我来说这是一个新的领域，所以我可能已经离开了这个。

I have also tried using span to call the class "aa", but to be honest this is new territory for me so I may be way off with how I'm going about this.

这是.less文件的路径：

This is the path for the .less file:

templates/rt_spectral/less/template-custom.less

而对于光标文件：

images/headphones.cur

任何对发生的事情的想法将是一个巨大的帮助。谢谢。

Any thoughts on what is going on would be a huge help. Thanks.

推荐答案

非常感谢Jarno的快速反应。
我得到这个照顾，但我不得不添加一些其他的东西，我没有遇到过。
现在是我的.less文件：

Thanks so much for the quick response Jarno. I got this taken care of, but I had to add some other things that I hadn't come across before. Here is my .less file now:

.aa {cursor: url(/images/listen.cur), progress !important;}

需要很长时间才能使任何东西正常工作，直到我添加

It took a long time to get anything to work properly, and it wasn't until I added

progress !important

光标更改。我明白！重要的，但我找不到任何进展！重要的，虽然没有没有效果没有它。
再次感谢！没有你的相对路径帮助没有什么工作。

that the cursor changed. I understand !important, but I couldn't find anything on progress !important, although there is no effect without it. Thanks again! Nothing would have worked without your relative path help.

这篇关于使用.less的自定义光标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！