el-time-picker 输入框样式

el-time-picker 是 Element UI 中的一个时间选择器组件，它提供了多种样式配置，可以通过以下属性进行设置：

- size：设置组件的大小，可选值为 medium、small、mini。
- placeholder：设置输入框的占位符。
- readonly：设置输入框是否只读。
- clearable：设置输入框是否可清空。
- popper-class：设置下拉框的类名。
- format：设置时间的显示格式。
- picker-options：设置时间选择器的选项，如步长、开始时间等。
- range-separator：设置时间范围选择器的分隔符。
- start-placeholder：设置时间范围选择器开始时间输入框的占位符。
- end-placeholder：设置时间范围选择器结束时间输入框的占位符。

示例代码：

<el-time-picker
  size="medium"
  placeholder="请选择时间"
  readonly
  clearable
  popper-class="my-popper"
  format="HH:mm:ss"
  :picker-options="{ start: '08:00', step: '00:15', end: '18:00' }"
></el-time-picker>

<el-time-picker
  size="small"
  placeholder="请选择时间范围"
  readonly
  clearable
  popper-class="my-popper"
  format="HH:mm:ss"
  range-separator="至"
  start-placeholder="开始时间"
  end-placeholder="结束时间"
></el-time-picker>

其中，popper-class 属性可以通过自定义 CSS 样式进行样式调整，例如：

.my-popper {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}