safari浏览器中末尾出现省略号会出现tooltip的解决方法

单行要想末尾出现省略号，可以加上css
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;(自己设定一个宽）

确保春节期间运行安全 甘肃开展电梯锅炉等特种设备节前“体检”确保春节期间运行安全 甘肃开展电梯锅炉等特种设备节前“体检”

.single {
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
       max-width: 200px;
   }

但是safari浏览器中会出现这种情况，hover时会出现tootip,如：

那么如何不出现tooltip呢？
解决方案，只需加上pointer-events:none这个样式就可以了。