# Useful CSS Stuff

**URL:** <https://forum.inductiveautomation.com/t/useful-css-stuff/95414>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 2, 2024, 1:58am UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414 "2024-09-02T01:58:19Z")\
**Posts on this page:** 1\
**Showing post:** 46

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [November 4, 2025, 1:16pm UTC](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/46 "2025-11-04T13:16:38Z")

</div>

Here is my modest contribution based on @nminchin’s new indicator. Same premise, but this adds a red asterisk to signify a required field. Note, I have this located in a style folder, `Overlays/RequiredField`.

```javascript
.psc-Overlays\/RequiredField {
	padding-left:10px;
	position: relative; 
}
.psc-Overlays\/RequiredField::after {
	content: '*';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5px;
	height: 5px;
	color: #ff0000;
	font-size: 1.0rem;
	font-weight: bold;
}

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/0/600bb1d4f20bc25ce757e38ae54833eefe89628b.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/useful-css-stuff/95414)._