element plus input 更改样式

胜杰720

于 2024-07-30 13:49:41 发布

阅读量17

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_71574589/article/details/140794838

版权

<div class="mapContainerCustom">
              <el-input
                v-model="inquireValue"
                @keyup.enter="searchMapMethods"
                placeholder="输入搜索内容"
              />
              <img
                style="width:1.5rem;height:1.5rem;"
                @click="searchMapMethods"
                src="./image/Group-1142813574.png"
              />
            </div>





css

.mapContainerCustom {
  width: 15rem;
  position: absolute;
  left: 28%;
  top: 6.1rem;
  z-index: 999;
  background: var(--mapContainerCustomBg);
  display: flex;
  align-items: center;
  :deep(.el-input) {
    .el-input__wrapper {
      height: 2.3rem !important;
      border: none !important;
      box-shadow: none !importan