Custom cursor around all instances of text in an application, without using <span>?
I am adding custom cursors to one of my web applications and I don't want the pointer cursor for everything. When you hover over text, your web browser will change to the text cursor, so I want a custom text cursor in my application as well.

You can change the cursor for text only using something like 

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

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

I was hoping there was some easier way, even if it's a little "hacky", even if it involves both CSS and/or JavaScript, of selecting all text in an application. Otherwise, I will have to remember to add the <span class="curText"> around any text that I want the text cursor for. This is certainly doable, though I am hoping there is an easier way.


Custom cursor around all instances of text in an application, without using <span>?
===

I am adding custom cursors to one of my web applications and I don't want the pointer cursor for everything. When you hover over text, your web browser will change to the text cursor, so I want a custom text cursor in my application as well.

You can change the cursor for text only using something like 

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

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

I was hoping there was some easier way, even if it's a little "hacky", even if it involves both CSS and/or JavaScript, of selecting all text in an application. Otherwise, I will have to remember to add the <span class="curText"> around any text that I want the text cursor for. This is certainly doable, though I am hoping there is an easier way.

