Vue速查手册

Vue速查手册

CSS

deep用法

使用父class进行限定，控制影响范围：

<template>
  <el-input class="my-input" />
</template>

<style scoped>
/* Vue 3 推荐写法 */
.my-input :deep(.el-input__inner) {
  background-color: #f0f0f0;
  border-color: #999;
}
</style>