# How to assign Advanced Stylesheet to button

**URL:** <https://forum.inductiveautomation.com/t/how-to-assign-advanced-stylesheet-to-button/76923>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 26, 2023, 4:53am UTC](https://forum.inductiveautomation.com/t/how-to-assign-advanced-stylesheet-to-button/76923 "2023-07-26T04:53:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 26, 2023, 4:53am UTC](https://forum.inductiveautomation.com/t/how-to-assign-advanced-stylesheet-to-button/76923/1 "2023-07-26T04:53:15Z")

</div>

Hi, I am learning about CSS and trying to implement in Ignition.

```auto
.psc-button_test {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.psc-button_test:hover {
  background-color: #3e8e41;
}

.psc-button_test:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

```

Above code I had written in Advanced Stylesheet and I am not able to find this Stylesheet in Style --\> Classes.

How I can implement this ?

---

<div class="post-metadata">

**Author:** ![aaronrai24](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/aaronrai24/32/87248_2.png) [@aaronrai24](https://forum.inductiveautomation.com/u/aaronrai24)\
**Post date:** [July 26, 2023, 5:07am UTC](https://forum.inductiveautomation.com/t/how-to-assign-advanced-stylesheet-to-button/76923/2 "2023-07-26T05:07:55Z")

</div>

I answered a similar question on this [forum post](https://forum.inductiveautomation.com/t/create-a-style-class-that-i-can-bind-to-with-non-dialog-properties/76603/2), but you can type the name of your class directly into the component's `style classes`.

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 26, 2023, 5:13am UTC](https://forum.inductiveautomation.com/t/how-to-assign-advanced-stylesheet-to-button/76923/3 "2023-07-26T05:13:25Z")

</div>

Thanks alot

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 26, 2023, 12:50pm UTC](https://forum.inductiveautomation.com/t/how-to-assign-advanced-stylesheet-to-button/76923/4 "2023-07-26T12:50:25Z")

</div>

The best way however, would be to create a stub class in the Perspective Styles section, without any config if you wish. Then you'll see it in the dropdown