更改SVG精灵的颜色

时间:2017-07-13 01:52:23

标签: html css svg

我使用SVG精灵作为我的背景图片:

$cell = $excel->getActiveSheet()->getCell('B' . $i);
$InvDate= $cell->getValue();
if (PhpOffice\PhpSpreadsheet\Shared\Date::isDateTime($cell)) {
     $InvDate = PhpOffice\PhpSpreadsheet\Shared\Date::excelToDateTimeObject($InvDate); 
}

精灵图像的颜色是黑色,但我希望它是白色的。我尝试过:

.naar-logo { background: url(images/salt_sprite.svg) no-repeat -8px -78px; width: 36px; height: 49px; position: relative; top: 38px; } <div class="naar-logo"></div>

background: url(images/salt_sprite.svg) no-repeat white -8px -78px;color: white;条上,但不起作用。如何将svg精灵的颜色改为白色?

1 个答案:

答案 0 :(得分:4)

您无法使用外部CSS更改颜色。您需要内联SVG才能实现。有关详细信息,请阅读Using SVG