java更改svg图片颜色_svg填充颜色覆盖文本颜色

我正试图在我的页面上设置我的SVG贴纸样式 . 我希望背景为红色，顶部有白色文字 . 我能够将填充颜色变为红色，但是当我更改文本的“填充”时，它会发生变化，但会被背景的“填充”覆盖 .

.sale-sticker.hide-for-small-only

a(href="")

svg(version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink', xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/', x='0px', y='0px', width='100%', height='100%', viewbox='0 0 157.5 157.5', style='enable-background:new 0 0 157.5 157.5;', xml:space='preserve')

style(type='text/css').

.st1 {

fill: #FF3A1E;

stroke: #FF3A1E;

stroke-width: 2;

stroke-miterlimit: 10;

}

.sale-copy {

font-size: 20px;

font-weight: 600;

}

.sale-price-svg {

<