CSS - icono svg no cambia de color

   
Vista:

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:
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder