# Change child style in tree structure

**URL:** <https://forum.inductiveautomation.com/t/change-child-style-in-tree-structure/62391>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [July 28, 2022, 7:19am UTC](https://forum.inductiveautomation.com/t/change-child-style-in-tree-structure/62391 "2022-07-28T07:19:48Z")\
**Posts on this page:** 1\
**Showing post:** 17

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [May 23, 2023, 10:04am UTC](https://forum.inductiveautomation.com/t/change-child-style-in-tree-structure/62391/17 "2023-05-23T10:04:28Z")

</div>

you can add content with css, using `content` in a `:before` or `:after`. you could then add a background icons to it  
in the example i do use js-injection, but only because it has te be dynamic according to the dropdown. you can make it fixed too depending on what its for.

> [@\[FEATURE\] Add ability to add Icon and styling to Perspective Dropdown items](https://forum.inductiveautomation.com/t/feature-add-ability-to-add-icon-and-styling-to-perspective-dropdown-items/73823/8):
>
> ```auto
> .iaDropdownCommon_options [data-label='YourLabel']:before { padding:10px; content:' '; background-image: url('/data/perspective/icons/material.svg#insert_emoticon');	}
> 
> ```

like you could target every 3th element of a tree too, like in the original question

---

_[View the full topic](https://forum.inductiveautomation.com/t/change-child-style-in-tree-structure/62391)._