Prevent Safari from showing tooltip when text overflow is hidden with ellipsis
问题 How can I completely remove the default browser tooltip displayed when hovering over a truncated part of text in a link? Text is truncated because of a css ellipsis rule : text-overflow: ellipsis; white-space: nowrap; overflow: hidden; When I apply these rules to a fixed width div, I get a html tooltip. ( Only in Safari , not in Firefox or Chrome.) Here is a jsfiddle. I tried adding a JS preventDefault and adding an empty title attribute, but none of these work. 回答1: The ability to show