Hi everyone. Im trying to change a website's ripple color. Its currently using 
the default light red from angular js material

If I do right click on it and then inspect it (in chrome), it shows me these 
attributes:

<div class="md-container md-ink-ripple" md-ink-ripple="" 
md-ink-ripple-checkbox=""><div class="md-icon"></div><div 
class="md-ripple-container"></div></div>

And to the right, at the styles window, it shows this:

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked 
.md-ink-ripple {
color: rgba(255,64,129,0.87);
}

If I change those 4 numbers from the google chrome developer tools, it works 
fine. Obviously it doesnt stay that way if I refresh the page, because im not 
directly changing the css file and saving it. The problem is that I already 
checked all the imported stylesheets from the html, and none of them mention 
anything similar to:

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked 
.md-ink-ripple {
color: rgba(255,64,129,0.87);
So I dont know where that setting of the color is coming from

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/d3ce2744-7ce8-485f-9250-6b66135179e7%40googlegroups.com.

Reply via email to