el-input背景设置为透明色 elementUi Plus

杨诚实

于 2024-04-22 22:27:44 发布

阅读量795

点赞数 6

分类专栏：前端常用样式文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/weixin_42678822/article/details/138094733

版权

前端常用样式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//背景色设置为透明
:deep(.el-input__wrapper){
  background-color:rgba(0,0,0,0);
}

//输入框颜色
:deep(.el-input__inner) {
  background-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
}

//历史记录后自动补充的颜色
:deep(input:-webkit-autofill) {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
}

//提示框的字体颜色
:deep(input::-webkit-input-placeholder) {
  color: #fff;
}