icono svg no cambia de color
Publicado por walter (47 intervenciones) el 20/10/2015 15:03:36
hola a todos. tengo un icono svg en color blanco. es un icono "play". tengo todas las reglas en color blanco pero me aparece en negro... y a veces en blanco.... y a veces en negro....
acá el html:
acá el svg:
y el css:
les agradezco la ayuda
acá el html:
1
2
3
4
5
6
7
8
9
<div class="play"><div class="icono">
<a href="overkill.mp3" class="sm2_button" target="_blank">
<svg viewBox="0 0 17 17">
<use xlink:href="#PLAY-2"/>
</svg>
</a></div>
<!--FIN ICONO-->
CORTE DE DIFUSIÓN</div><!--FIN PLAY-->
acá el svg:
1
2
3
4
5
6
7
8
9
10
11
<svg>
<defs>
<svg version="1.1" id="PLAY-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<g>
<path style="fill:#FEFEFE;" d="M8,0C3.5,0,0,3.5,0,8s3.5,8,8,8s8-3.5,8-8S12.5,0,8,0z M8,14c-3.5,0-6-2.5-6-6s2.5-6,6-6s6,2.5,6,6
S11.5,14,8,14z"/>
<polygon style="fill:#FEFEFE;" points="6,12 11,8 6,4 "/>
</g></g>
</defs></svg>
y el css:
1
2
3
4
5
6
<style type="text/css">
#PLAY-2 path {
fill: #FEFEFE !important;
}
</style>
les agradezco la ayuda
Valora esta pregunta
0