使用el-input为只读点击的时候,不想显示蓝色边框

在使用Element UI的`el-input`组件时，默认情况下，当输入框处于只读（readonly）状态并被点击时，会显示一个蓝色边框。这个边框是浏览器为了指示当前具有焦点的元素而默认添加的。如果需要在只读状态下取消这个蓝色边框，可以通过CSS来实现。

一种方法是通过设置`el-input`的`border`属性为`none`来隐藏边框，另一种方法是使用`:focus`伪类选择器来覆盖默认的焦点样式。但是由于`el-input`是只读的，它的焦点样式可能不会像可编辑状态下那样明显，所以直接设置`border`属性通常就足够了。

例如，在全局样式文件中添加以下CSS规则：

.el-input__inner[readonly] {
  border: none;
}

或者在你的组件中，你可以这样写：

<template>
  <el-input v-model="inputValue" :readonly="true"></el-input>
</template>

<style>
.el-input__inner[readonly] {
  border: none;
}
</style>

这样设置后，当`el-input`设置为只读时，点击它就不会再显示蓝色边框了。