新的v2 react-select控件很棒,但默认情况下太大。是否有一种(最好)简单的方法来将高度减小到与标准选择控件相同的高度(使用Bootstrap v3)?
React-Select v2使用情感CSS-in-JS,因此控制选择组件和子组件样式的新方法是将样式对象传递给styles
prop。您也可以将className设置为使用外部样式表进行样式设置。
const customControlStyles = base => ({
height: 50,
});
<Select ... styles={{control: customControlStyles}} ... />
<Select ... className="myClassName" ... />
.myClassName__control {
height: 50px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句