我正在开发一个使用 dhtmlx dropdown
的 Web 应用程序,我希望它使用 Bootstrap 样式。我目前只是尝试为 dropdown
(select
) 添加 Bootstrap 类,但这不会更改选择箭头。
是否有一种简单的方法来设置 dhtmlx 下拉菜单
的样式以使用 Bootstrap 样式?
在this JSFiddle ,您可以看到一个带有组合框的 dhtmlx 窗口。我像这样添加了 Bootstrap 类:$('.dhxcombo_dhx_skyblue').addClass('form-control');
。
如何更改箭头?我应该使用另一种方法吗?我做错了吗?
非常感谢。
最佳答案
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);
关于jquery - 将 dhtmlx 下拉箭头替换为 Bootstrap 选择箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38432266/