1

I have an element of a web application whose class is connected to a CSS with the following values:

.map-darken img.leaflet-tile {
  -webkit-filter: brightness(0.99) contrast(1) saturate(465%) hue-rotate(343deg);
  filter: brightness(0.99) contrast(1) saturate(465%) hue-rotate(343deg);
}

I need to know how I can change the values of brightness, contrast, saturate and hue-rotate dynamically with AngularJS indicating the values in some text fields like the ones shown in the image: image

Or failing that, knowing how to indicate in the ng-style directive the specific classes you want the style to affect.

Improve this question
3
  • stackoverflow.com/questions/39446602/… ? Commented Nov 8, 2018 at 8:31
  • @GMR516 but there also changes the class of the element and the background color is applied to the whole new class, I need to only change those elements in the class indicated by the css. Commented Nov 8, 2018 at 8:37
  • Ah. Perhaps you can make each value a different class and remake those classes every time? Commented Nov 8, 2018 at 9:04
Related questions
4418
Change an HTML input's placeholder color with CSS
4319
Is there a CSS parent selector?
3426
AngularJS: Service vs provider vs factory
Load 5 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.