yadcf select css 样式

yadcf select css style

我正在使用 yadcf 数据表插件,它的 select css 风格看起来像基本的 CSS 风格,而不是 boostrap 风格。

我在 css 样式中使用数据表 bootstrap 功能,但出于某种原因 yadcf 仍然使用基本 css 样式。检查附加的图像。

我知道如果没有我没有的代码 link,您将无法轻易找出问题所在。

如果你有什么指点,我可以研究一下。

您是否知道 <select> 元素的外观差异是由于不同的内部浏览器元素渲染/样式造成的?

例如,在 Chrome 和 FireFox 中打开以下 link,并注意其中的区别...这与您在 plunker

上看到的区别相同

此外,您根本没有在那个 plunker 上包含 bootstrap css 文件

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

但即使有了 css,您也需要手动将 form-control class 添加到 yadcf 生成的 select 中,(我可以添加一个功能到 yadcf 以允许将自定义 classes 添加到 select 元素)

这是一个 plunker 和 bootstrap css 文件


您可以编辑在 yadcf github 上打开的问题,要求 能够将自定义 classes 添加到 select(也可能是其他)元素