如何在v2中减小React Select的大小

达伦·奥斯特(Darren Oster)

新的v2 react-select控件很棒,但默认情况下太大。是否有一种(最好)简单的方法来将高度减小到与标准选择控件相同的高度(使用Bootstrap v3)?

埃文·轩尼诗

React-Select v2使用情感CSS-in-JS,因此控制选择组件和子组件样式的新方法是将样式对象传递给stylesprop。您也可以将className设置为使用外部样式表进行样式设置。

更多/更好的信息在这里

CSS-in-JS方式

const customControlStyles = base => ({
    height: 50,
});

<Select ... styles={{control: customControlStyles}} ... />

CSS方式

<Select ... className="myClassName" ... />

.myClassName__control {
    height: 50px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在react-select v2中创建optgroup?

如何在React Select(V2)中创建嵌套选项组?

如何在Chart.JS V2中修改类别标签的字体大小?

如何在角度2,4,6,7中减小vendor.js的大小?

如何在Java中减小图像文件大小

如何在NumberPicker中减小字体大小

如何在C#中减小图像大小?

如何在C ++中减小fstream文件的大小

如何在画布中增加/减小此心形的大小?

如何在Xcode 7.1中减小ios APP的大小

如何在kableExtra(LaTeX)中减小脚注的大小

如何在分组的条形图d3js v4中减小矩形大小

如何在Google Maps V2 Android中指定“标记”上图标的大小

如何在Xamarin.UWP中调整大小并减小大小(使用压缩质量值)

如何减小 mdbootstrap 中按钮的大小?

如何减小图形中图例的大小?

如何减小LVM中的卷组大小?

如何减小报表中单杠的大小?

如何使用react-select v2渲染选定数量的项目

如何减小Ratingbar的大小?

如何减小apk大小?

如何在Ubuntu中的Chrome中减小标签上的字体大小?

在react-select v2中使用Awesome字体图标吗?

在React-select v2中旋转箭头指示器

如何在Foundation + SASS中减小标题的字体大小?

如何在我的Rails应用中减小firebase.js的大小

我如何在Openlayers 3中减小Icon的大小,我正在使用bing映射

如何在Dillo中减小字体大小(缩小)?

如何在A框架中删除全屏样式,减小画布大小或滚动具有A框架场景的页面?