yadcf 选择 css 样式答案

【问题标题】：yadcf select css styleyadcf 选择 css 样式
【发布时间】：2015-03-11 01:19:39
【问题描述】：

我正在使用 yadcf 数据表插件，它的选择 css 样式看起来像基本 CSS 样式，而不是 boostrap 样式。

我正在使用数据表引导功能进行 css 样式设置，但出于某种原因 yadcf 仍然使用基本 css 样式。检查附加的图像。

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

如果您有任何指示，我可以调查一下。

【问题讨论】：

您可以在 jsbin 或 jsfiddle 上设置一个简单的示例，否则我将花费更多时间来查看问题所在
plnkr.co/edit/cI8ci9?p=preview 给你。我知道引导分页不起作用，但我可以在 Firefox 中重新创建该问题。在 Chrome 中，我可以看到下拉，就好了。但在 Firefox 中显示不正确。

【解决方案1】：

您是否知道<select> 元素的外观差异是由于不同的内部浏览器元素呈现/样式？

例如，在 Chrome 和 FireFox 中打开以下 link，并注意其中的区别……这与您在 plunker 上看到的区别相同

此外，您根本没有在该 plunker 上包含引导 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 类添加到由 yadcf 生成的选择中，（我可以向 yadcf 添加一个功能以允许添加自定义类来为此选择元素）

这是一个带有引导 css 文件的 plunker

您可以编辑您在 yadcf github 上打开的问题，要求 添加自定义类以选择（可能还有其他）元素

【讨论】：

我添加了引导 css，可能是在编辑过程中被删除了。 >> 您可以编辑您在 yadcf github 上打开的问题，要求能够将自定义类添加到 select（可能还有其他）元素。哦，是的，那会很有帮助。让我来做。 >>您是否知道