Question

我正在使用dhtmlx dropdown的Web应用程序，我希望它使用Bootstrap样式。我目前只是尝试为dropdown（select）添加Bootstrap类，但这不会更改选择箭头。

是否有一种简单的方法来设置dhtmlx dropdown的样式以使用Bootstrap样式？

在this JSFiddle中，您可以看到一个带有组合框的dhtmlx窗口。我添加了这样的Bootstrap类：$('.dhxcombo_dhx_skyblue').addClass('form-control');。

如何更改箭头？我应该使用其他方法吗？我做错了吗？

非常感谢。

Answer 1

DHTMLX组件强制执行自己的外观，因此没有简单的方法来重用引导程序样式。但是，您可以将皮肤更改为“材质”。它看起来更类似于bootstrap。

检查http://jsfiddle.net/d9s8gx2m/2/

它使用相同的代码，只是一个不同的dhtmlx.css文件

var window_1 = windows.createWindow('window_1', 0, 0, 300, 400);
var str = [
    { type:"combo" , name:"form_combo_1", label:"dhxCombo1",  inputWidth:120  },
    { type:"button" , name:"form_button_1", value:"Set Req"  }
];
var form_1 = window_1.attachForm(str);

用Boostrap Select箭头替换dhtmlx下拉箭头

1 个答案: