代码之家 › 专栏 › 技术社区 › Scaraux

AngularJS自定义引导CSS在组件级别不起作用

angularjs-scope twitter-bootstrap-3 angularjs javascript

Scaraux · 技术社区 · 6 年前

website admin

最初的网站是用Bootstrap3制作的,并且有一个 style.css 这是所有引导和网站的定制CSS。

样式表 我做了以下工作:

@import './app/website/assets/css/style.css';

网站 )。使用此配置,管理部分也会受到CSS的影响。

导入仅在处于中时有效 . 如果我将导入移动到根目录中的网站模块 component.css 样式根本不会加载。

我知道它一定与风格范围和 ng-deep .

我能让网站在其自身模块内正确加载CSS导入的唯一方法是:

encapsulation: ViewEncapsulation.None

1 回复 | 直到 6 年前

Chris Newman 6 年前

样式根本不会加载。

在不知道WebItemModule中有多少组件或styles.css是什么样子的情况下,我将提供两个选项。

1) 重命名styles.css(可能会让人困惑,因为它不再是全局的),将其导入WebItemModule中的每个组件中。

如果结果证明这太乏味(WebItemModule中有大量组件),那么

推荐文章

Glyn · 如何使用jQuery更改动态创建的按钮<span>中的文本?

3 年前

Salman Abbas · 如何在导航栏切换中更改下拉菜单中链接的颜色

3 年前

Pavel · 当验证DIV可见时,引导网格会移动

6 年前

Knownow · 通过导航显示背景

6 年前

Mona Coder · 删除Bootstrap 3上下拉菜单和下拉菜单之间的边框

6 年前

user9727963 · 引导和Internet Explorer 11问题

6 年前

Queen of the North · 无法更改输入表单宽度

6 年前

jaggs · 如何将java中创建的href链接传递到jsp页面

6 年前

Abu Ayyub · 引导中具有一个边框的多个输入元素

6 年前

espresso_coffee · 所选内容在我的引导/JQuery应用程序中不起作用?

6 年前