javascript - 使用语义 ui 时 react 选择宽度问题

标签 javascript css reactjs semantic-ui react-select

我正在使用语义 UI 和 React-Select 设计一个简单的表单,但我面临着 react-select-input 字段的问题。 react-select 的宽度没有按预期工作。

完整代码在-https://codesandbox.io/s/lp59z8r8oq

请提出一些解决方案。

最佳答案

我使用了以下并且它正在工作:

style={{minWidth:"2em"}}

对于下面的代码:

<Form.Field width={3}><Select placeholder='Options' options={options} 
    style={{minWidth:"10em"}}/></Form.Field>

关于javascript - 使用语义 ui 时 react 选择宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49296036/

相关文章:

css - 背景图像未在 Angular 中显示

javascript - 在 React 中禁用 onClick 按钮,但仅对 Index 中的一个元素禁用

reactjs - React 路由器更改 url 但不更改 View (仅在 Internet Explorer 11 上)

javascript - 使用解构和 Object.entries 进行格式化

javascript - 将一段js翻译成asp.net(涉及regex)

javascript - 如何添加 onmouseover 事件 javascript?

javascript - 遍历一个javascript数组将值添加到另一个数组

javascript - 按价格对对象数组进行排序(从最低到最高)

jquery - 我需要根据文本更改 Div 元素的颜色

html - 可见的网格线与 CSS