xm-select 样式调整

XM Select是一个基于Ant Design风格的轻量级前端组件库中的下拉选择组件，它的样式可以通过CSS进行调整。如果你想定制 XM Select 的外观，你可以关注以下几个方面：

1. **全局样式**: 首先，在你的项目中全局应用主题变量，例如颜色、字体等，通常可以在 `theme.config.js` 或类似文件中设置。

.xm-select {
  /* 添加全局样式的属性 */
  font-size: 14px;
  color: #656A73;
}

2. **组件内样式**: 对于组件内部元素，如选择列表、输入框等，可以在 CSS 类名上进行修改，如 `.xm-select-selector`, `.xm-select-input` 等。

.xm-select-selector {
  background-color: #fff; /* 选择列表背景色 */
  border: 1px solid #d9d9d9; /* 边框样式 */
}

.xm-select-input {
  padding: 8px; /* 输入框内边距 */
  height: auto; /* 自适应高度 */
}

3. **状态样式**: 考虑到组件的不同状态，比如选中、聚焦、禁用等，可以添加相应的伪类规则，如 `.xm-select--selected` 和 `.xm-select--focus`.

记得在使用自定义样式时，保持兼容性和清晰的组织结构，避免覆盖库本身的基础样式。