el-time-picker 输入框样式

el-time-picker 是 Element UI 中的时间选择器组件，其输入框样式可以通过以下方式进行自定义：

1. 使用 Element UI 提供的自定义主题功能，修改 $--color-primary 和 $--border-color-base 变量即可修改时间选择器的输入框和边框颜色。

2. 使用 CSS 样式对时间选择器的输入框进行修改，例如：

.el-time-picker__editor-wrap input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  font-size: 14px;
}

3. 使用 scoped slot 对时间选择器的输入框进行自定义。在 el-time-picker 中使用 scoped slot 可以获取到输入框的相关信息，例如：

<el-time-picker v-model="time">
  <template #default="{ value, format }">
    <input
      class="my-input"
      type="text"
      :value="value"
      :placeholder="format"
      @input="$emit('input', $event.target.value)"
    />
  </template>
</el-time-picker>

在上述代码中，我们使用了 default scoped slot 来自定义输入框的内容和样式，其中 value 和 format 分别表示当前选择的时间和时间格式，$emit('input', $event.target.value) 则是将输入框的值传递给父组件的 v-model。