# Styling special characters in perspective label

**URL:** <https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 12, 2023, 10:20am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383 "2023-10-12T10:20:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![S\_ANIL\_KUMAR](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@S\_ANIL\_KUMAR](https://forum.inductiveautomation.com/u/S_ANIL_KUMAR)\
**Post date:** [October 12, 2023, 10:20am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383/1 "2023-10-12T10:20:05Z")

</div>

Hi,  
I've Designed a Form , where few fields are mandatory fields. To highlight these I thought of adding a red color asterisk after the label text. But not sure how this can be achieved. Even if HTML is used how do we render it within the label.

Thanks

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [October 12, 2023, 11:08am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383/2 "2023-10-12T11:08:43Z")

</div>

`props.style.color: red`

Did you read the docs and watch the Inductive niversity videos ?

---

<div class="post-metadata">

**Author:** ![S\_ANIL\_KUMAR](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@S\_ANIL\_KUMAR](https://forum.inductiveautomation.com/u/S_ANIL_KUMAR)\
**Post date:** [October 12, 2023, 11:34am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383/3 "2023-10-12T11:34:37Z")

</div>

Yes I did, I am aware about this props.style.color: red. What I actually required was to keep the text as it is and change the color of only the special character.  
Something like this :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/6/b6e608710a43622fb35569755275d707707dd1b5.png)

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [October 12, 2023, 11:46am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383/4 "2023-10-12T11:46:23Z")

</div>

I think using Markdown is your best choice on this, if you want to keep a single component,

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [October 12, 2023, 11:48am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383/5 "2023-10-12T11:48:11Z")

</div>

Just add a second label for the star.

---

<div class="post-metadata">

**Author:** ![S\_ANIL\_KUMAR](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@S\_ANIL\_KUMAR](https://forum.inductiveautomation.com/u/S_ANIL_KUMAR)\
**Post date:** [October 12, 2023, 11:52am UTC](https://forum.inductiveautomation.com/t/styling-special-characters-in-perspective-label/80383/6 "2023-10-12T11:52:19Z")

</div>

I had used this technique initially, thought if there is a way to get the asterisk within the label.  
Thanks.