Пользовательский курсор с .less

Question

Я использую Joomla 2.5 с темой Gantry. Я пытаюсь создать пользовательский тип текста с .less, и я вышел из своей глубины. Текст можно щелкнуть, и он воспроизводит аудиофайл. Теперь я ищу чистый способ изменить текстовые атрибуты на сайте без редактирования каждой статьи каждый раз. Я пытаюсь создать пользовательский класс в файле .less, который изменит курсор мыши на зависание, но я не могу заставить его работать вообще.

Вот как настроить звук:

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

Я пытаюсь использовать класс «AA», который определен в файле .less. Вот все содержимое файла .less:

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

Я также попытался использовать интервал для вызова класса «АА», но, честно говоря, это новая территория для меня, так что я может быть далеко с тем, как Я иду об этом.

Это путь к файлу .less:

templates/rt_spectral/less/template-custom.less 

И для файла курсора:

images/headphones.cur 

Любые мысли о том, что происходит будет огромная помощь. Благодарю.

Answer 1

спасибо за быстрый ответ Ярно. Я позаботился об этом, но мне пришлось добавить еще кое-что, чего я раньше не встречал. Вот мой .less файл сейчас:

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

потребовалось много времени, чтобы получить что-нибудь, чтобы работать должным образом, и это не было, пока я не добавил

progress !important 

, что курсор изменился. Я понимаю, важно, но я не мог найти ничего о прогрессе! Важно, хотя без него нет никакого эффекта. Еще раз спасибо! Ничто не сработало бы без помощи вашего родственника.

Answer 2

Основываясь на пути вы обеспечивающий путь в вашем CSS неправильно и должен быть:

.aa { 
    cursor: url(../../../images/headphones.cur); 
}