html - Firefox 中的列规则属性会产生错误的颜色结果

Question

当我在 FF 中使用 column-rule 属性时，它看起来好像列分隔线由 2 种颜色组成。在 Chrome 中它看起来不错。我怎样才能获得像 Chrome 中那样的结果？

例子:

column-rule Property wrong in ff

    -webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 4px outset #ff00ff; /* Firefox */
    column-rule: 4px outset #ff00ff;

Answer 1

将 columns-rule-style 属性设置为 solid...

-webkit-column-rule-style: solid;
-moz-column-rule-style: solid;
column-rule-style: solid;

看起来好像 Firefox 使用默认值 ridge 或 groove

JSFiddle