How to make pointer cursor in span tag in jQuery?

Asked Sep 09 '19 at 07:47

Active Sep 09 '19 at 07:55

Viewed 384 times

Currently my cursor is displaying as an arrow when hovered. How to change the cursor to a pointer when hovered for both icons as in the image below?

The code for css: style='cursor:pointer' in my span tag is not working.

$("#actionTable").DataTable({
  columns: [{
    "data": "filename",
    "className": "text-center",
    render: function(data) {
      return "<span title='view' onclick='view_file(&quot;" + data + "&quot;)'><img src='images/view_file.png' style='cursor:pointer'></span><span title='delete' onclick='delete_file(&quot;" + data + "&quot;)'><img src='images/bin.png' style='cursor:pointer'></span>";
    }
  }],
});

edited Sep 09 '19 at 07:55

Rory McCrossan

331,213
40
305
339

asked Sep 09 '19 at 07:47

mastersuse

3

`style='cursor:pointer'` should work. Give style to span instead of image and check. – Devsi Odedra Sep 09 '19 at 07:47
Try inspect your code and look if the style='cursor:pointer' is there – Carsten Løvbo Andersen Sep 09 '19 at 07:48
Try add !import in style. – egvrcn Sep 09 '19 at 07:50
@egvrcn I think you mean `!important`, but that's a) bad practice and b) redundant on an inline style. – Rory McCrossan Sep 09 '19 at 07:54

How to make pointer cursor in span tag in jQuery?

0 Answers0