Override class in your css else check with ngclass

On Fri 10 Jan, 2020, 6:36 AM Lohe221, <[email protected]> wrote:

> Im trying to change this 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/8c6ccb5a-51ab-4d18-b869-98d175e0cf3d%40googlegroups.com
> .
>

-- 
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/CAP%3D6PQMbhWNd%2BGjEU-7tmHUD%2B9Xevyng%3DJFQeVBT_5ZaRdJDwQ%40mail.gmail.com.

Reply via email to