# Eliminating Accordion Item Border on Select

**URL:** <https://forum.radzen.com/t/eliminating-accordion-item-border-on-select/6341>\
**Category:** Radzen.Blazor Components\
**Created:** [January 18, 2021, 4:02pm UTC](https://forum.radzen.com/t/eliminating-accordion-item-border-on-select/6341 "2021-01-18T16:02:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![cjones](https://forum.radzen.com/letter_avatar_proxy/v4/letter/c/94ad74/32.png) [@cjones](https://forum.radzen.com/u/cjones)\
**Post date:** [January 18, 2021, 4:02pm UTC](https://forum.radzen.com/t/eliminating-accordion-item-border-on-select/6341/1 "2021-01-18T16:02:30Z")

</div>

Hi There,

Is there a way to stop an accordion item from getting a black border/outline when it is selected? I have an accordion with only one item within, so the border is unnecessary and out of place. I have tried setting border: none, but that does not work.

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![korchev](https://forum.radzen.com/user_avatar/forum.radzen.com/korchev/32/4_2.png) [@korchev](https://forum.radzen.com/u/korchev)\
**Post date:** [January 18, 2021, 5:03pm UTC](https://forum.radzen.com/t/eliminating-accordion-item-border-on-select/6341/2 "2021-01-18T17:03:15Z")

</div>

Yes, you can inspect the DOM tree of the accordion with your browser's developer tools and see which CSS element specifies the border and then override.

---

<div class="post-metadata">

**Author:** ![wkarma](https://forum.radzen.com/user_avatar/forum.radzen.com/wkarma/32/5802_2.png) [@wkarma](https://forum.radzen.com/u/wkarma)\
**Post date:** [January 26, 2021, 6:34am UTC](https://forum.radzen.com/t/eliminating-accordion-item-border-on-select/6341/3 "2021-01-26T06:34:47Z")

</div>

I went through every element and couldn't find a way to turn it off. I'm not an expert with CSS so it might still be hiding somewhere. Couldn't find anything like it in the css file either. Really don't know what's going on.