# Styling Buttons

**URL:** <https://forums.creativeclouddeveloper.com/t/styling-buttons/1197>\
**Category:** UXP Plugin API\
**Tags:** javascript\
**Created:** [August 27, 2019, 4:53pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197 "2019-08-27T16:53:28Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manjila](https://avatars.discourse-cdn.com/v4/letter/m/4da419/32.png) [@Manjila](https://forums.creativeclouddeveloper.com/u/Manjila)\
**Post date:** [August 27, 2019, 4:53pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/1 "2019-08-27T16:53:28Z")

</div>

I’m trying to style the buttons to differentiate the plugin controls from XD’s but it doesn’t seem to work. As there a workaround??

![55%20AM](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/2e14e0cf29f0661605f2a15d53ed1db63ba23968.png)  
This is the result of me trying to add a background.

---

<div class="post-metadata">

**Author:** ![stevekwak](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/stevekwak/32/48_2.png) [@stevekwak](https://forums.creativeclouddeveloper.com/u/stevekwak)\
**Post date:** [August 27, 2019, 5:35pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/2 "2019-08-27T17:35:00Z")

</div>

seems like you are using UXP classes. If you want to customize these buttons, you will have to create them from scratch.

---

<div class="post-metadata">

**Author:** ![Manjila](https://avatars.discourse-cdn.com/v4/letter/m/4da419/32.png) [@Manjila](https://forums.creativeclouddeveloper.com/u/Manjila)\
**Post date:** [August 28, 2019, 7:10pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/3 "2019-08-28T19:10:33Z")

</div>

Can I not use box-shadow in the panel??

---

<div class="post-metadata">

**Author:** ![stevekwak](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/stevekwak/32/48_2.png) [@stevekwak](https://forums.creativeclouddeveloper.com/u/stevekwak)\
**Post date:** [August 29, 2019, 9:13pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/4 "2019-08-29T21:13:37Z")

</div>

you can but it’s not going to overwrite the UXP class . @kerrishotts to confirm

---

<div class="post-metadata">

**Author:** ![kerrishotts](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/kerrishotts/32/8_2.png) [@kerrishotts](https://forums.creativeclouddeveloper.com/u/kerrishotts)\
**Post date:** [August 30, 2019, 1:49am UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/5 "2019-08-30T01:49:42Z")

</div>

Box shadow is not supported yet.

Buttons have limited styling options. You can try using “appearance: none” to see if that gets you closer to what you want. Otherwise most custom buttons are implemented as divs or spans.

---

<div class="post-metadata">

**Author:** ![Manjila](https://avatars.discourse-cdn.com/v4/letter/m/4da419/32.png) [@Manjila](https://forums.creativeclouddeveloper.com/u/Manjila)\
**Post date:** [September 3, 2019, 11:13pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/6 "2019-09-03T23:13:09Z")

</div>

@kerrishotts Is the box-shadow supported in the modal??

---

<div class="post-metadata">

**Author:** ![kerrishotts](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/kerrishotts/32/8_2.png) [@kerrishotts](https://forums.creativeclouddeveloper.com/u/kerrishotts)\
**Post date:** [September 5, 2019, 3:21pm UTC](https://forums.creativeclouddeveloper.com/t/styling-buttons/1197/7 "2019-09-05T15:21:48Z")

</div>

@Manjila, No, `box-shadow` is not supported at all in UXP at this point (regardless of modal or panel).