elementUI tooltip样式问题

问题描述：

    实际开发过程中，需要将文件名称回显出来，由于用户上传的文件文件名可能过长，故使用tooltip进行悬浮提示。问题主要出在两方面：1、tooltip样式添加不生效2、tooltip在内容为空时，由于有padding，会出现一个空白框。

 

问题原因及解决办法：

     1、tooltip对应样式修改不生效，因为该组件的层级，并不是在当前使用他的地方，而是和app同一层级（类似于全局modal），所以在当前使用的地方找不到tooltip提示的dom节点,故添加的style若在scoped限制下，对样式没有效果。故需要写在全局样式中，或定义一个新类名，但依然要在全局中。（可以在全局样式文件中写，也可以在当前组件<style>标签中添加）

　 2、内容为空时，不想显示： 利用div:empty{ background: palegreen; }伪类，将背景色改为transparent.（:empty是（CSS伪类）代表没有子元素的元素，子元素只可以是元素节点或文本（包括空格）。注释或者处理指令都不会对其产生影响。）