0423：如何取消input选中时的边框

       <div class="search-input">
          <input ref="input" type="text" v-model="searchData" placeholder="请输入内容" @keyup.enter="handleEnter" />
          <div class="el-icon-search"></div>
        </div>
        
        .search-input{
          border: 1px solid #FFFFFF;
          input{
            border: 0px solid transparent;
            **outline: none;**
          }
          input::focus{
            border: 0px solid transparent;
          }
        }

预期实现input没有边框

但是实际上还是会出现边框，其是自带的边框，当选中时边框宽度会设置为1，其样式是继承自input

解决方案就是outline: none;，这样选中后的状态会继承无边框这个设定，最终实现，选中时无边框，仅保留最外层的search-input的边框样式