Question

为什么我的css应用于滑块如此不合适？其他像输入，按钮等，工作正常。

它应该是这样的 https://material.angularjs.org/latest/demo/slider

这就是它的外观 http://imgur.com/a/IWXGQ＆＃34;滑块＆＃34;

谢谢！

Answer 1

评论中的Plunker包含许多您可以在控制台中看到的错误。

我已经使用您的标记和代码创建了一个CodePen，它似乎可以正常加载正确的文件 - CodePen

点击＆＃34;设置＆＃34;。

可以看到下面的文件

CSS文件

https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.0-rc.5/angular-material.css https://code.getmdl.io/1.1.3/material.cyan-light_blue.min.css

JS文件

https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js https://cdn.gitcdn.link/cdn/angular/bower-material/v1.1.0-rc.5/angular-material.js

你滑块

<md-slider-container>
    <md-slider flex="" min="0" max="255" ng-model="color.red" id="red-slider">
    </md-slider>
    <md-input-container>
        <input flex="" type="number" ng-model="color.red" aria-controls="red-slider">
    </md-input-container>
</md-slider-container>

Angular Material css不适用于Slider

1 个答案: