.el-input--suffix .el-input__inner

`.el-input--suffix .el-input__inner` 是 Element UI 中输入框组件的一个样式类选择器。它表示带有后缀图标的输入框的输入框元素，通常用于修改输入框的外观或交互效果。

其中，`.el-input--suffix` 表示带有后缀图标的输入框容器元素，`.el-input__inner` 表示输入框的内部元素，通常用于设置输入框的边框、背景等样式。通过这个样式类选择器，可以方便地修改带有后缀图标的输入框的样式。

需要注意的是，修改 Element UI 的样式可能会影响其他组件的样式，因此建议在修改样式时要做好测试和兼容性处理。同时，也可以使用 Element UI 提供的主题功能，通过修改主题变量来修改输入框组件的样式，这样可以更方便地进行样式定制。

相关问题

Element Plusu隐藏el-input标签边框.el-input__inner { border: none;} 这样写入不生效

如果你使用的是 Element Plus 的 `el-input` 组件，建议不要直接修改组件的样式，而是使用组件提供的属性或者插槽来实现需要的效果。比如，如果需要隐藏 `el-input` 组件的边框，可以使用 `border` 属性来设置为 `none`，如下所示：

<el-input border="none"></el-input>

如果你需要自定义 `el-input` 的样式，可以通过 `slot` 来实现。具体来说，你可以使用 `prefix` 和 `suffix` 插槽来自定义 `el-input` 前缀和后缀的样式，例如：

<el-input>
  <template #prefix>
    <div class="input-prefix">前缀</div>
  </template>
  <template #suffix>
    <div class="input-suffix">后缀</div>
  </template>
</el-input>

然后在 CSS 中添加对应的样式：

.input-prefix, .input-suffix {
  border: none;
}

这样就可以实现隐藏 `el-input` 组件的边框了。

<div data-v-d1111eac="" class="sp-item" label="日期选择" span="8" style="width: 100%;"><!----><input type="text" autocomplete="off" name="" placeholder="请选择日期选择" class="el-input__inner"><span class="el-input__prefix"><i class="el-input__icon el-icon-date"></i><!----></span><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!----></div> 使用css根据el-icon-date选择到的el-input__inner

可以使用以下 CSS 选择器来实现：

.el-icon-date + .el-input__inner {
  /* 样式 */
}

这个选择器使用了 “加号” (+) 来选择前面有 `.el-icon-date` 类的元素后面的紧邻的 `.el-input__inner` 类元素。