el-input is-focus边框颜色

根据提供的引用内容，我无法找到关于el-input的is-focus边框颜色的具体信息。但是，根据Vue和Element UI的文档，我们可以通过自定义样式来修改el-input的边框颜色。你可以使用`:focus`伪类选择器来设置输入框获取焦点时的边框颜色。以下是一个示例：

<template>
  <el-input v-model="inputValue" :style="{ borderColor: inputFocus ? 'red' : '' }" @focus="inputFocus = true" @blur="inputFocus = false"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      inputFocus: false
    };
  }
};
</script>

在上面的示例中，我们使用了`:style`绑定来动态设置边框颜色。当输入框获取焦点时，`inputFocus`变量会被设置为`true`，从而触发`:style`绑定中的条件判断，将边框颜色设置为红色。当输入框失去焦点时，`inputFocus`变量会被设置为`false`，边框颜色会恢复默认值。

相关问题

element-plus删除默认样式el-input el-input--suffix is-focus

您好，如果您需要同时去除 `el-input` 的后缀样式以及聚焦时的样式，可以将前面提到的样式稍作修改，如下所示：

.el-input--suffix, .el-input.is-focus .el-input--suffix {
  display: none;
}

这样就可以同时去除 `el-input` 的后缀样式以及聚焦时的样式了。需要注意的是，这里使用了 `,` 连接多个选择器，表示同时对这些元素应用同样的样式。

希望这个回答能够帮到您，如果您有任何其他的问题，可以随时提出。

element-plus修改默认样式el-input--suffix is-focus

您好，如果您需要修改 `el-input` 后缀样式以及聚焦时的样式，可以使用以下样式进行修改：

.el-input--suffix {
  color: red; /* 修改后缀文本颜色为红色 */
  font-size: 16px; /* 修改后缀文本字号为16px */
}

.el-input.is-focus .el-input--suffix {
  color: blue; /* 修改聚焦时后缀文本颜色为蓝色 */
  font-size: 18px; /* 修改聚焦时后缀文本字号为18px */
  /* 其他聚焦时的样式修改 */
}

这样就可以修改 `el-input` 的后缀样式以及聚焦时的样式了。需要注意的是，这里使用了 `.el-input.is-focus` 选择器来表示聚焦时的样式，其中 `.is-focus` 是 `el-input` 组件内置的类名。

希望这个回答能够帮到您，如果您有任何其他的问题，可以随时提出。