# 禁用/移除按钮轮廓

**URL:** <https://meta.discourse.org/t/disable-remove-button-outline/118979>\
**Category:** Development\
**Created:** [2019年五月29日 11:14 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979 "2019-05-29T11:14:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)\
**Post date:** [2019年五月29日 11:14 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979/1 "2019-05-29T11:14:58Z")

</div>

在更改了所有按钮的形状后，我注意到主分类下拉菜单按钮上有一个黑色轮廓。有没有办法移除这个轮廓？谢谢！

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/2/b23218e4c5eb0a87d12afdf35f4b04060d2ffd9d.jpeg)

---

<div class="post-metadata">

**Author:** ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)\
**Post date:** [2019年五月29日 11:18 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979/2 "2019-05-29T11:18:11Z")

</div>

That should do it:

```plaintext
.list-controls .category-drop {
  .category-drop-header {
    border-color: transparent;
  }
}

```

---

<div class="post-metadata">

**Author:** ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)\
**Post date:** [2019年五月29日 12:14 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979/3 "2019-05-29T12:14:05Z")

</div>

That worked, thank you!

---

<div class="post-metadata">

**Author:** ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)\
**Post date:** [2019年五月31日 08:20 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979/6 "2019-05-31T08:20:57Z")

</div>

Hello! Sorry for bringing it up once again, but it really bothers us and Joffrey’s solution only fixed the issue on desktop.

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/2/b23218e4c5eb0a87d12afdf35f4b04060d2ffd9d.jpeg)

Here’s the code we’ve tried, but it won’t remove the outline on mobile.

```
.list-controls .category-drop {
  .category-drop-header {
    border-color: transparent;
  }
}

```

---

<div class="post-metadata">

**Author:** ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
**Post date:** [2019年五月31日 08:39 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979/7 "2019-05-31T08:39:56Z")

</div>

This should work for mobile:

```plaintext
.list-controls .nav-pills .navigation-toggle {
  border-color: transparent;
}

```

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [2022年十月25日 06:04 UTC](https://meta.discourse.org/t/disable-remove-button-outline/118979/9 "2022-10-25T06:04:23Z")

</div>