Javascript 如何为react小部件下拉列表添加css？

我需要从react小部件下拉列表中删除边框

我试过的

HTML

<DropdownList
  data={this.props.create.repos}
  textField='key'
  placeholder={placeholder}
  className='dropdown_customized'
  onChange={this.props.save.bind(this, scenarioIndex, stepIndex, placeholder)}
  groupBy='name'
  filter='contains'
/>

但由于它在DropdownList之外创建了一个div，因此该样式没有得到应用

有人知道如何解决这个问题吗

更新

displayInputBox

函数返回DropdownList

<div className="flex-container">
   <span className="blueTag"> &emsp;&emsp; {step.stepOne} </span>
   <div className="divider" />
   {this.displayInputBox(this, step.stepTwo, step.stepId, item.scenarioId)}
</div>

   .flex-container {
      display: flex;
      align-items: stretch;
   }

&emsp&emsp；{步骤一}
{this.displayInputBox（this，step.step2，step.stepId，item.scenarioId）}
.柔性容器{
显示器：flex；
对齐项目：拉伸；
}

---

您可以尝试使用DropdownList类

.rw-widget-container{
    border: none;
}

---

你能给我们看看这个小部件产生的HTML吗？@Zenoo我已经更新了问题：）我指的是最终的HTML结果，当一切都已经处理好了。没有任何样式被应用。只是显示最初的下拉列表。但是我会添加一个屏幕快照我不是说它是如何显示的，我只需要最终的HTML代码，你可以通过检查你的元素找到。但是这会改变我在页面中所有React小部件元素的样式。。我希望此样式仅应用于特定的divtry.dropdown_customized.rw小部件容器{border:none；}

.rw-widget-container{
    border: none;
}