能否为ObservableHQ输入组件添加自定义类以应用Bootstrap样式?
为ObservableHQ输入组件添加Bootstrap样式的实现方法
完全可以实现。ObservableHQ的Inputs系列组件(包括Inputs.select)支持通过传入className属性来添加自定义CSS类,直接把Bootstrap的样式类名传进去就能应用对应的样式。
举个Inputs.select的具体例子:
// 应用Bootstrap的form-select样式 Inputs.select(['苹果', '香蕉', '橙子'], { className: 'form-select' })
如果需要同时添加多个类(比如结合尺寸类),直接用空格分隔类名即可:
// 应用大尺寸的下拉选择框样式 Inputs.select(['选项A', '选项B', '选项C'], { className: 'form-select form-select-lg' })
这个方法同样适用于其他Inputs组件,比如文本输入框、复选框等:
// 给文本输入框加Bootstrap样式 Inputs.text({ placeholder: '请输入内容', className: 'form-control' }) // 给复选框组加Bootstrap样式 Inputs.checkbox({ 苹果: true, 香蕉: false }, { className: 'form-check' })
内容的提问来源于stack exchange,提问作者Jakub.Novotny
相关产品推荐
相关产品推荐

