yadcf选择CSS风格

时间:2015-03-11 01:19:40

标签: twitter-bootstrap datatable yadcf

我正在使用yadcf datatable插件,它的select css样式看起来像基本的CSS样式而不是boostrap样式。

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

我知道如果没有我没有的代码链接,你很难找到问题。

如果您有任何指示,我可以查看它们。

enter image description here

1 个答案:

答案 0 :(得分:1)

您是否意识到<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类添加到yadcf生成的选择中(我可以向yadcf添加一个功能以允许添加自定义类来为其选择元素)

这是带有bootstrap css文件的plunker


你可以编辑你在yadcf github上打开的问题,要求能够添加自定义类来选择(也许是其他的)元素