vue 设置el-tooltip 为透明蓝色

要将`el-tooltip`设置为透明蓝色，可以使用以下CSS样式：

.el-tooltip__popper {
  background-color: rgba(0, 0, 255, 0.5) !important;
}

将以上代码添加到你的样式表中即可。这将使`el-tooltip`的背景颜色为透明蓝色。你可以根据自己的需求更改颜色和透明度值。

相关问题

vue 设置el-tooltip el-table背景透明

要设置`el-tooltip`和`el-table`的背景透明，可以使用以下CSS样式：

.el-tooltip__popper,
.el-table,
.el-table__body-wrapper {
  background-color: transparent !important;
}

将以上代码添加到你的样式表中即可。注意，这样会将所有`el-tooltip`和`el-table`组件的背景颜色设置为透明，如果你只想针对某个具体的组件进行设置，可以为该组件添加一个特定的class，并使用该class来设置样式。

vue 设置el-tooltip 关闭按钮样式

你可以通过以下方式修改 `el-tooltip` 组件关闭按钮的样式：

1. 在 `style` 标签中添加以下代码：

.el-tooltip__popper .popper__arrow::before, .el-tooltip__popper .el-tooltip__closebtn::before {
  color: #000;  /* 修改关闭按钮的颜色 */
}

.el-tooltip__popper .popper__arrow::before {
  border-color: #000 transparent transparent transparent;  /* 修改关闭按钮的箭头颜色 */
}

.el-tooltip__popper .el-tooltip__closebtn:hover::before {
  color: #fff;  /* 修改关闭按钮的鼠标悬停时的颜色 */
}

2. 将 `el-tooltip` 组件的 `popper-class` 属性设置为一个自定义的类名，如：

<el-tooltip content="这是提示内容" popper-class="my-tooltip">
  <span>鼠标移上来看看</span>
</el-tooltip>

3. 在 `style` 标签中添加以下代码：

.my-tooltip .el-tooltip__popper .popper__arrow::before,
.my-tooltip .el-tooltip__popper .el-tooltip__closebtn::before {
  color: #000;  /* 修改关闭按钮的颜色 */
}

.my-tooltip .el-tooltip__popper .popper__arrow::before {
  border-color: #000 transparent transparent transparent;  /* 修改关闭按钮的箭头颜色 */
}

.my-tooltip .el-tooltip__popper .el-tooltip__closebtn:hover::before {
  color: #fff;  /* 修改关闭按钮的鼠标悬停时的颜色 */
}

以上就是修改 `el-tooltip` 组件关闭按钮样式的方法。