# Style Sheets Required Element State

**URL:** <https://forum.inductiveautomation.com/t/style-sheets-required-element-state/84457>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 18, 2024, 4:52pm UTC](https://forum.inductiveautomation.com/t/style-sheets-required-element-state/84457 "2024-01-18T16:52:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![stuartd](https://avatars.discourse-cdn.com/v4/letter/s/ecae2f/32.png) [@stuartd](https://forum.inductiveautomation.com/u/stuartd)\
**Post date:** [January 18, 2024, 4:52pm UTC](https://forum.inductiveautomation.com/t/style-sheets-required-element-state/84457/1 "2024-01-18T16:52:52Z")

</div>

Hello,  
I was working through a problem and found a new option I hadn't seen before. Started looking in documentation and trying to find out how to use it. How do you use the Element State Required? and other items?  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6a9b136896a7f2330d890255729048e11f1f7342.png)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [January 18, 2024, 4:57pm UTC](https://forum.inductiveautomation.com/t/style-sheets-required-element-state/84457/2 "2024-01-18T16:57:47Z")

</div>

Had you found this?  
[https://docs.inductiveautomation.com/display/DOC81/How+to+Change+Style+on+Hover](https://docs.inductiveautomation.com/display/DOC81/How+to+Change+Style+on+Hover)

Oops, I don't think it's mentioned there.

Is it to do with a "required" element on a form. e.g., your phone number on a typical web page.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [January 18, 2024, 5:03pm UTC](https://forum.inductiveautomation.com/t/style-sheets-required-element-state/84457/3 "2024-01-18T17:03:44Z")

</div>

I don't think you can (currently) use `required`, because it requires your HTML to have a certain attribute, and I don't think any of our first-party components have any configuration to emit that attribute. However, in 8.3.0 we're introducing a new 'form' component where it will probably become more useful.
