element-plus input 边框如何去除 以及 ifname HTML 内联框架元素

提示：使用原始element-ui 的 方法去除已经 无作用

文章目录

• 前言
• 一、element-plus input
• 二、修改方法

如何去除边框

提示：以下是本篇文章正文内容，下面案例可供参考

一、element-ui-plus

   去除select边框

   去除input 边框

   去除 textarea 的边框

   去除 ifname  的边框

二、使用步骤

1.input

代码如下：

1. :deep(.el-input__wrapper) {
       box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
       cursor: default;
       .el-input__inner {
         cursor: default !important;
       }
     }
   

2.textarea

代码如下（示例）：

:deep(.el-textarea__inner) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    resize: none;
    cursor: default;
  }

3.Select

 而选择器与去除input 类似。 但是选中有个蓝色边框 去除方法如下。

:deep(.el-input .el-input__wrapper.is-focus) {
        box-shadow: none !important;
    }

4.Ifname 边框

<iframe src="https://#" scrolling="no" height="600"></iframe>

<iframe src="https://#" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none;margin:0;padding:0;overflow:hidden;"></iframe>

总结

以上就是今天要讲的内容，本文仅仅简单介绍了去除边框的使用，而element-plus提供了大量能使我们快速便捷地开发的组件，实现我们所需的功能。