如何在Bootstrap Select2下拉列表中为边框颜色应用CSS

我用的是boostrap4。 我正在尝试将下面的css应用于html元素

.req 
{
   border-left: 2px solid #FF6600;
}

它可以很好地处理输入元素，但不能处理Select2下拉元素。

---

请帮助

选择2引导主题

对于Select2下拉主题

将css应用于跨度，如下所示

<span class="select2-selection select2-selection--single form-control input-lg" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-e8ez-container" style="
border: 2px solid #FF6600;">

示例

---

希望这能有所帮助。

@a我已经更新了我的答案。你想看看吗？

<div class="dropdown">
        <button class="btn btn-default dropdown-toggle req" type="button" id="menu1" data-toggle="dropdown">Tutorials
          </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
          <li role="presentation" class="divider"></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
        </ul>
      </div>

.req 
{
  border-left: 2px solid #FF6600 !important;  
}