Пользовательский курсор вокруг всех экземпляров текста в приложении, без использования <span>?

Question

Я добавляю пользовательские курсоры в одно из моих веб-приложений, и мне не нужен курсор-указатель для всего.Когда вы наводите курсор мыши на текст, ваш веб-браузер изменится на текстовый курсор, поэтому я хочу, чтобы в моем приложении также был собственный текстовый курсор.

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

<span class="curText">This is some text</span>

.curText { cursor: url(textcursor.cur), auto; }

Я надеялся, что есть какой-то более простой способ, даже если он немного «хакерский», даже если он включает в себя и CSS, и / или JavaScript, для выделения всего текста в приложении.В противном случае мне нужно будет добавить любой текст, для которого я хочу текстовый курсор.Это, безусловно, выполнимо, хотя я надеюсь, что есть более простой способ.

Answer 1

Я не уверен, почему вы бы не захотели использовать тег <span>, потому что его назначение в значительной степени подходит именно вам.Я не знаю другого чистого CSS-способа решения вашей проблемы.Я уверен, что вы могли бы взломать его в jQuery (возможно, с помощью селекторов :parent и / или :empty, но это было бы намного сложнее, я не очень хочу вести вас в этом направлении ...), ноЯ бы сказал, что делай это правильно и используй span, особенно если это «безусловно выполнимо».

Вам не нужно применять класс curText к вашим диапазонам, вы можете просто добавить объявления для p span,div span,li span и т. Д., Так как вы хотите, чтобы стиль применялся по всей доске, а не только к определенным пролетам