Question

I have the following HTML:

<ul id='x'> 
   <li>
      <a class="document-web1" data-href="/x">x</a>
   </li>
   <li>
      <a class="document-web2" data-href="/y">y</a>
   </li>
</ul>

I set up this event:

$("#content-button-panel")
   .on('click', 'a', function (event) {
      event.preventDefault();
      var $link = $(this);
      getContentAjax($link);
   });

This works but when my cursor moves over the text it changes
to a vertical text select bar instead of a pointer. Is there
some way that I can make the cursor always appear as an
arrow when it’s over any part of the li element?

Answer 1

after read your title its looks like you want

li:hover{

cursor:pointer;
}

the above will make cursor like

but after reading your whole question

li:hover{

cursor:default;
}

and this will will show cursor like

also check this its pretty cool with live view

now i would suggest you to write relevant title