el-select禁用不置灰

你可以使用 CSS 来自定义 `el-select` 组件的禁用状态样式，以使其不灰。以下是一个示例：

.el-select.is-disabled .el-input__inner {
  background-color: #fff; /* 设置背景色为白色 */
  color: #333; /* 设置文字颜色为黑色 */
  cursor: not-allowed; /* 设置鼠标样式为禁止 */
  pointer-events: none; /* 禁止交互事件 */
}

你可以根据需要调整这些样式。将上述样式添加到你的项目中的 CSS 文件中，或者将其写入对应的样式标签中。这样，当 `el-select` 组件被禁用时，它将不会置灰。

相关问题

el-time-select 禁用

可以通过设置 `disabled` 属性来禁用 `el-time-select` 组件，示例如下：

<template>
  <div>
    <el-time-select v-model="time" :disabled="disabled"></el-time-select>
    <el-switch v-model="disabled"></el-switch>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: '12:00',
      disabled: true
    }
  }
}
</script>

在上述代码中，通过 `:disabled="disabled"` 将 `disabled` 属性绑定到了 `el-time-select` 组件上，同时使用了一个开关 `el-switch` 来动态控制 `disabled` 属性的值。当 `disabled` 为 `true` 时，`el-time-select` 组件将被禁用，否则将可用。

el-tree-select 禁用

要禁用 el-tree-select，你可以使用 disabled 属性。将 disabled 属性设置为 true，即可禁用 el-tree-select 组件。例如：

<el-tree-select :disabled="true"></el-tree-select>

这样，用户将无法选择或交互 el-tree-select 组件。