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.