jquery - 将 dhtmlx 下拉箭头替换为 Bootstrap 选择箭头

Question

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

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

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

如何更改箭头？我应该使用另一种方法吗？我做错了吗？

非常感谢。

Answer 1

DHTMLX 组件强制执行自己的皮肤，因此没有简单的方法来重用 Bootstrap 样式。不过，您可以将皮肤更改为“ Material ”。它看起来更类似于 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);