取消滑块element -plus的小手

要取消 Element Plus 滑块（Slider）的小手样式，您可以使用 CSS 来覆盖默认的鼠标样式。

以下是一个示例：

<template>
  <el-slider class="custom-slider"></el-slider>
</template>

<style lang="scss">
.custom-slider {
  .el-slider__runway-wrapper,
  .el-slider__button-wrapper {
    cursor: default; // 取消小手样式
  }
}
</style>

在上面的示例中，我们在 `<el-slider>` 上添加了一个自定义的类名 `custom-slider`。然后，通过在 `<style>` 标签中使用 Sass 或 CSS 来定义自定义样式。

我们使用 `.el-slider__runway-wrapper` 和 `.el-slider__button-wrapper` 类来选择滑槽和滑块按钮的容器。通过设置 `cursor` 属性为 `default`，可以取消小手样式，并将鼠标样式恢复为默认样式。

请注意，这只是示例代码，您可以根据实际需要进行自定义样式。

相关问题

改变 element -plus 滑块 按钮大小

要改变 Element Plus 中滑块（Slider）按钮的大小，您可以使用 CSS 来自定义滑块的样式。Element Plus 的滑块组件具有一些预定义的类名，您可以通过为这些类名定义自定义样式来改变滑块按钮的大小。

以下是一个示例：

<template>
  <el-slider class="custom-slider"></el-slider>
</template>

<style lang="scss">
.custom-slider {
  .el-slider__button-wrapper {
    .el-slider__button {
      width: 30px; // 改变滑块按钮的宽度
      height: 30px; // 改变滑块按钮的高度
    }
  }
}
</style>

在上面的示例中，我们在 `<el-slider>` 上添加了一个自定义的类名 `custom-slider`。然后，通过在 `<style>` 标签中使用 Sass 或 CSS 来定义自定义样式。

`.el-slider__button-wrapper .el-slider__button` 类用于控制滑块按钮的样式，您可以通过设置 `width` 和 `height` 属性来改变滑块按钮的大小。

根据您的需求，您可以调整这些类名和属性值来改变滑块按钮的大小。请注意，这只是示例代码，您可以根据实际需要进行自定义样式。