element tooltip去掉下方的小箭头

可以通过 CSS 样式来实现去掉 element tooltip 下方的小箭头，具体做法如下：

.el-tooltip__popper.is-dark>.popper__arrow {
  display: none;
}

其中，`.el-tooltip__popper.is-dark` 是 element tooltip 的样式类，`>.popper__arrow` 是小箭头的样式类。通过设置 `display: none` 可以将小箭头隐藏掉。如果你的 tooltip 样式不是 `is-dark`，则需要相应修改样式类名。

相关问题

element Tooltip怎么可以设置一直显示

要让element Tooltip一直显示，可以通过以下两种方法实现：

1. 设置trigger属性为manual，这样Tooltip就不会在鼠标移开时自动隐藏，而是需要手动调用hide方法来隐藏。

<el-tooltip content="这是一个Tooltip" trigger="manual">
  <el-button slot="reference">Button</el-button>
</el-tooltip>

// 在需要隐藏Tooltip的时候手动调用hide方法
this.$refs.tooltip.hide();

2. 使用v-show指令来控制Tooltip的显示和隐藏，这样Tooltip就不会自动隐藏。

<el-tooltip content="这是一个Tooltip" v-show="true">
  <el-button slot="reference">Button</el-button>
</el-tooltip>

上述两种方法都可以实现Tooltip一直显示的效果，具体选择哪种方法取决于你的具体需求和场景。

element ui tooltip样式修改

要修改Element UI Tooltip的样式，可以使用以下步骤：

1. 在你的项目中引入Element UI的CSS文件，例如：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

2. 在你的CSS文件中定义你想要修改的样式，例如：

.el-tooltip__popper {
  background-color: #f00;
  color: #fff;
  border-radius: 4px;
}

这个例子中，我们修改了Tooltip的背景颜色、文字颜色和边框半径。

3. 在你的HTML代码中使用Tooltip，并指定你想要的样式，例如：

<el-tooltip content="这是一个提示" placement="top" effect="dark">
  <span>鼠标移上来看看</span>
</el-tooltip>

这个例子中，我们指定了Tooltip的位置为顶部，效果为暗色，并且没有指定样式，因此会使用默认样式。

4. 如果你想要全局修改Tooltip的样式，可以使用以下CSS代码：

.el-tooltip__popper {
  /* 全局样式 */
}

这个例子中，我们省略了具体的样式，因为它们和上面的例子是一样的，只是作用范围不同。

希望这些步骤能够帮助你修改Element UI Tooltip的样式。