对React-Bootstrap的Select元素的验证未对齐

Question

我正在使用React-Bootstrap（注意：我们使用的是相对较新的v1.0.0！）

我可以相当不错地向表单添加验证，但是在“选择”下拉列表中效果不佳：

  

我该如何解决？ 是唯一确定要在控件上叠加哪些手动CSS以便重新定位验证图标的选项吗？

代码：

UniversalPlayer

Answer 1

或者，您可以将 自定义 属性添加到 Form.Control

请在下面找到代码段供您参考

自定义通知”要求为=“ select”自定义>

<Form.Control required as="select" custom>
   <option value="">...</option>
</Form.Control>

Answer 2

我能够通过用标签包裹输入内容来解决此问题。