使用CSS设置jsPlumb轮廓样式

Question

我们正在使用“通过CSS设置样式”来设置连接器的样式，但是css中的颜色似乎会覆盖轮廓颜色和连接器颜色。我们使用的选择器如下：

svg.fs-connector path {
    stroke: lightgray;
    fill: lightgray;
    stroke-width: 3;
}

svg.fs-connector-hover path {
    stroke: gray;
    fill: gray;
    stroke-width: 3;
} 

其中fs-connector和fs-connector-hover是我们在创建端点时分配的cssClass'es。

css选择器是否有任何方法可以定位连接器及其叠加层（箭头）的svg路径，但是将轮廓svg路径保留为默认值中指定的原始颜色（或者甚至更好，是否有办法分别设置轮廓颜色的样式）？

Answer 1

jsPlumb当前版本（1.7.4）通过使用不同的笔触和笔触宽度样式（see line 11571）绘制两个相同的SVG pathes，为连接器实现PaintStyle的outlineColor和outlineWidth属性。这些路径元素属于一个带有类的svg元素，例如＆＃39; fs-connector＆＃39;在您的情况下，请参见下图：

因此，您可以一次将笔画和笔画宽度属性应用于两个画面。回答你的问题＆＃39;有没有办法分别设计轮廓颜色的样式？＆＃39; - 使用CSS样式，你不能。