如何吧el-input修改成椭圆或者圆形的输入框

为什么如何修改el-input输入框都无法呈现椭圆的形状,最终呈现这种效果

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7452482
• 这篇博客你也可以参考下：el-input输入框，el-input 搜索框 描述框 文本框 常用样式总结
• 除此之外, 这篇博客: el-input输入框绑定的内容无法修改，点击回退键无法删除中的 el-input输入框绑定的内容无法修改，点击回退键无法删除 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  解决办法：
  例如：

  <el-input
                tabindex="0"
                maxlength="20"
                value-key="searchkey"
                v-model="dutydata[index].phoneumber"
                :fetch-suggestions="querySearch"
                @input="change($event)"
     ></el-input>
  

  需要在el-input中增加change方法

   @input="change($event)"
  

  然后强制更新

  change(e: any) {
    this.$forceUpdate();
  }
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

  .el-input__inner {
    border-radius: 50px; 
}