Modificación del estilo del marcador de posición el-input/el-select

Tabla de contenido

1. El método de modificación del estilo del marcador de posición.

2. Resumen

---

1. El método de modificación del estilo del marcador de posición.

1. Utilice la pseudoclase::marcador de posición .

.el-input__inner{
  &::placeholder{
     color:red;
  }
}

//一般需要用深度选择器才可以设置
:deep(.el-input__inner){
    &::placeholder{
        color:red;
    }
}

2. Para otras etiquetas, simplemente agregue la pseudoclase ::placeholder al elemento Dom correspondiente.

Por ejemplo, área de texto, simplemente agregue pseudo-class::placeholder a la clase .el-textarea__inner

1) Resultados

2) Código

Nota: & es sintaxis atrevida: significa seleccionar el elemento de nivel superior ;

El siguiente código significa: Agregue el pseudoelemento de marcador de posición en el elemento .el-textarea__inner y establezca el estilo del pseudoelemento de marcador de posición ::.

  :deep(.el-textarea__inner){
    &::placeholder{
      color:green;
    }
  }

2. Resumen

1. Agregue la pseudoclase ::placeholder al elemento donde se encuentra el marcador de posición y establezca el estilo .

/*

¡Espero que te ayude!

Si hay algún error, bienvenido a corregirme, ¡muchas gracias!

*/