Element-Plus: el-divider 属性 颜色 虚线问题

在Element-Plus中，el-divider 组件的 color 属性用于设置分割线的颜色。如果你遇到设置颜色后分割线显示为虚线的问题，可能是由于CSS样式覆盖导致的。

解决方法：

1. 检查是否有其他CSS样式覆盖了el-divider的颜色设置。可以使用浏览器的开发者工具(DevTools)检查样式表，看看是否有特定的CSS规则将边框样式设置为dashed或dotted。
2. 如果是通过CSS设置颜色，确保你使用的选择器优先级足以覆盖默认样式。
3. 如果是通过!important设置颜色，确保其后面没有其他的!important规则可以覆盖它。
4. 确保你设置的颜色值是正确的，并且是支持的颜色格式，如十六进制颜色代码、RGB、RGBA、HSL等。
5. 如果以上方法都不能解决问题，可以尝试重新编译Element-Plus源码，确保没有第三方样式或者是Element-Plus的bug导致的问题。

示例代码：

<template>
  <el-divider content-position="left" color="#ff0000">文本</el-divider>
</template>
 
<script>
import { ElDivider } from 'element-plus';
export default {
  components: {
    ElDivider
  }
};
</script>

在这个例子中，el-divider 的 color 属性被设置为红色（十六进制颜色代码 #ff0000），应该显示为实线，不会是虚线。如果仍然是虚线，那么可能需要进一步检查CSS样式或者查看Element-Plus的官方文档和Issues来寻找可能的bug。