In order to set a non-standard stroke to the block, I use SVG as the background. I set the stroke color as stroke: #FFD200 . But if you set the color in HEX format, the stroke is not displayed in IE (11), FireFox. If set in RGB, it works in FireFox. Is there any cross-browser color setting option?

 .block { width: 200px; height: 200px; background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: #FFD200; stroke-width: 6; stroke-dasharray: 6 3'/></svg>"); } 
 <div class="block"></div>

    0