将边框半径应用于 Typeahead react js

Question

我有以下代码

                <Typeahead
                    id="ty"
                    onChange={setSelected}
                    options={options}
                    placeholder="Business type ..."
                    selected={selected}
                    style={{height:"50px",borderRadius:"200px"}}
                />

当我想用边框半径设置输入框的样式时它不起作用，我该怎么做？

Answer 1

无法更改 border-radius 与 borderRadius。因为当您在 Typeahead 组件中添加样式时，它将仅应用于顶部父元素。但原始边框半径应用于 input 框中。您必须为此添加自定义 css

将边框半径应用于 Typeahead react js

Apply border radius to Typeahead react js

typeahead