jquery - 用Bootstrap Select箭头替换dhtmlx下拉箭头

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

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

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

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

非常感谢你。

最佳答案

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

检查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);