Question

我在应用程序中使用了BlueprintJS的控件，输入框上有一个名为“ small”的属性，该属性向其添加了“ .bp3-small”类以减小字体大小和组件高度。但是，这似乎在DateInput控件上不可用。我尝试使用以下方法手动添加该类：

<DateInput className="bp3-small"
                    showActionsBar={true}
                    small={true}
                    closeOnSelection={true}
                    value={props.data[props.fieldId]}
                    onChange={(newDate) => {
                        props.mutator(props.fieldId, newDate)
                    }}
                    popoverProps={{ position: Position.BOTTOM }}
                    formatDate={ date => date.toLocaleString()}
                    parseDate={str => new Date(str)}
                />

和：

<DateInput className=".bp3-small"
                    showActionsBar={true}
                    small={true}
                    closeOnSelection={true}
                    value={props.data[props.fieldId]}
                    onChange={(newDate) => {
                        props.mutator(props.fieldId, newDate)
                    }}
                    popoverProps={{ position: Position.BOTTOM }}
                    formatDate={ date => date.toLocaleString()}
                    parseDate={str => new Date(str)}
                />

但是它仍然没有被应用。我还尝试过添加样式，但是仍然没有运气。

<DateInput style={{fontSize: "12px", height:"24px"}}
                    showActionsBar={true}
                    small={true}
                    closeOnSelection={true}
                    value={props.data[props.fieldId]}
                    onChange={(newDate) => {
                        props.mutator(props.fieldId, newDate)
                    }}
                    popoverProps={{ position: Position.BOTTOM }}
                    formatDate={ date => date.toLocaleString()}
                    parseDate={str => new Date(str)}
                />

如何在所有 BlueprintJS组件中使用小型样式？

我应该添加我的DateInput在FormGroup内部。我也尝试过使用FormGroup的contentClassName属性，但没有成功

谢谢，特洛伊

Answer 1

啊，我找到答案了。有一个名为inputProps的参数将属性传递给底层输入，因此可以正常工作：

inputProps={{small: true}}

在BlueprintJs DateInput上添加“ small”属性或.bp3-small

1 个答案: