如何在Angular中覆盖组件的CSS样式？
在Angular中覆盖组件的CSS样式可以通过以下几种方式实现：
- 使用组件级别的CSS样式：在组件的CSS文件中定义样式，并通过选择器将样式应用于组件的HTML模板。这样定义的样式只会影响当前组件，不会影响其他组件。例如，可以在组件的CSS文件中使用类选择器或标签选择器来定义样式。
- 使用全局级别的CSS样式：在全局的CSS文件中定义样式，并使用选择器将样式应用于组件的HTML模板。这样定义的样式会影响整个应用程序中的所有组件。可以在Angular的根组件中引入全局CSS文件，或者使用Angular的样式配置选项来引入全局样式。
- 使用组件级别的CSS样式继承：可以通过使用
:host伪类选择器来覆盖组件的CSS样式。:host选择器选择当前组件的宿主元素，并可以在其中定义样式。这样定义的样式只会影响当前组件的宿主元素，不会影响其他组件。 - 使用组件级别的CSS样式封装：可以使用Angular的
ViewEncapsulation机制来封装组件的CSS样式。通过设置ViewEncapsulation为Emulated、Native或None，可以控制组件的CSS样式是否被封装。默认情况下，Angular会使用Emulated封装模式，将组件的CSS样式封装在组件的Shadow DOM中，以避免样式冲突。
总结起来，覆盖组件的CSS样式可以通过组件级别的CSS样式、全局级别的CSS样式、组件级别的CSS样式继承和组件级别的CSS样式封装来实现。具体选择哪种方式取决于需求和场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
2回答
禁用mat菜单中的滚动条
、、、、
我试图让材料菜单中的滚动条消失，但我似乎做不到。 就像现在一样： ? 正如我所希望的那样： ? 我已经尝试了here和here提出的解决方案，但没有成功。 我知道我必须在css中设置的选项是overflow: hidden;，但是当我把它放到组件css中时，这似乎没有起到作用。 我曾尝试将该选项设置为.mat-menu-panel、.mat-menu，甚至使用自定义类，但都不起作用。 我的html看起来像这样： <mat-table [dataSource]="dataSource">
<ng-container matCo
浏览 35提问于2019-01-16得票数 4
回答已采纳
我正在制作一个Angular2应用程序，并且我正在使用bootstrap来设置样式。我使用了webpack作为模块捆绑器。我已经包含了bootstrap库和来自vendor.ts的全局自定义样式表。这是我的vendor.ts：
// Angular
import '@angular/platform-browser';
import '@angular/platform-browser-dynamic';
import '@angular/core';
import '@angular/common';
import '@
浏览 1提问于2016-11-07得票数 2
2回答
Angular cli自动加载node_module目录中的css文件。我使用的是，它有css风格。但是我想对我的组件使用bootstrap样式。执行此操作的标准方法是什么？
感谢任何想法，并提供帮助。
浏览 0提问于2018-04-03得票数 0
当同时使用angular.json's CSS设置和组件CSS设置时，组件CSS设置部分无效。
我想在特定的组件中应用组件CSS设置。
浏览 0提问于2018-05-24得票数 0
1回答
我有一个使用angular-cli构建的angular2应用程序，其中包含几个组件。每个组件都有一个引用样式表(scss)。
这些样式表中的独特样式被正确地应用于component-template。
我不能做的是覆盖来自外部css的样式，这些样式包含在那些组件样式表的angular-cli中。
一旦我将样式移到中央styles.scss，它就会工作。
我的angular-cli.json如下所示：
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../
浏览 22提问于2017-02-07得票数 9
回答已采纳
1回答
我的angular项目是从一个包含以下代码的库中读取的，它是一个类：
class MyClass extends EventEmitter {
constructor () {
// add the element to the container
this.loadingElement = document.createElement('div');
this.loadingElement.className = "loading"
this.loadingElement.innerText = &#
浏览 9提问于2020-05-11得票数 2
回答已采纳
1回答
如何减小角材料2？中的工具栏尺寸
我使用Teradata作为角2，UI.Teradata，共价本身，使用angular2。
角材料2工具栏的大小对我来说太大了。
所以我想缩小工具栏的大小。我试图查看我的开发控制台中的CSS，但没有找到任何填充选项。我找到了身高属性，我试着降低那个高度，但对我来说没有用。
如果您想看这里的演示，
向下滚动到工具栏。
浏览 1提问于2017-02-28得票数 0
回答已采纳
7回答
改变覆盖容器的样式
、、、
我为虚拟键盘()使用了一个git项目。我有一些问题要让它在450*250像素的小型设备上运行。
最后，如果我使用dev工具直接在web浏览器上修改css，我就会发现css中有必要的更改。
现在我必须找到合适的位置来改变消息来源。
将使用来自angular2材料的叠加组件来显示键盘。
如果我注释掉cdk覆盖容器中的位置，它可以工作：
.cdk-overlay-container {
/* position: fixed; */
z-index: 1000;
}
但我不能覆盖这些从我的角度应用程序。有什么建议吗？
浏览 13提问于2017-08-10得票数 21
回答已采纳
1回答
我正在使用Angular v10，我有几个CSS用在整个应用程序中，所以我把它写在我们的全局styles.css文件中，但是CSS不适用于其他组件，如果我在组件相关的CSS中编写相同的CSS，它工作得很好。在搜索时，我在组件中声明了ViewEncapsulation.None，它在一个组件上工作得很好，但仍然无法应用于其他组件。以下是我的angular.json文件
我从来没有在任何angular项目中遇到过这个问题，是新版本的Angular有什么问题，还是我做错了什么？
任何帮助都是非常感谢的！
浏览 0提问于2020-09-30得票数 1
1回答
我目前正在开发一个使用Angular 4，Angular Material和PrimeNG组件的用户界面。
我遇到的最新组件是来自PrimeNG的MultiSelect组件：
我只是想让组件的宽度适合父组件的100%。
编辑此组件的CSS类是否需要遵循特定的流程？文档中说对内联使用"Style“--这是不是意味着：
<p-multiSelect [options]="cars" [(ngModel)]="selectedCars" [defaultLabel]="defaultLabel" style="width: 100
浏览 6提问于2017-08-04得票数 4
回答已采纳
这是我的代码
var app = angular.module('app', ['ngAnimate', 'ui.grid']);
app.controller('MainCtrl', ['$scope', '$http', '$timeout', function ($scope, $http, $timeout) {
$scope.gridOptions = {
enableSorting: true,
columnDefs: [
{ fie
浏览 1提问于2015-09-16得票数 1
在我的几个组件中，我需要删除Global styles.css，它默认应用于每个组件。下面是我在angular.cli.json中的"styles"属性：
"styles": [
"bootstrap-reboot.min.css",
"styles.css",
"custom.scss"
]
那么，我如何才能做到这一点呢？
浏览 12提问于2018-07-26得票数 4
虽然Angular对Web components有本机支持，但我不清楚如何在不泄露托管页面样式的情况下使用SCSS设置web组件的样式。 显然，如果组件在其.scss文件中定义了其规则，则这些规则仅适用于该组件。 +-----------------------------------------------------------------------+
| |
|
浏览 9提问于2021-02-10得票数 2
我在angular 2中遇到了一个问题，我安装了一个新的组件(这个组件：)，我正在尝试改变它的样式。更准确地说，我想更改输入元素的边界半径。如果不更改这个组件的源代码，我不知道如何做到这一点。是否有可能从父组件访问样式？
让我分享一些我想要做的代码。在我的组件中，我有类似这样的东西：
<my-date-picker required></my-date-picker>
我想在css中做类似这样的事情：
my-date-picker input {
border-radius : 0px;
}
请注意，在组件中，边界半径设置为4px。谢谢
浏览 0提问于2017-05-15得票数 0
我当前的应用程序(通过角CLI生成)如下所示：
angular.cli.json (位于根文件夹)：
....
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
"styles.css"
],
src/app/app.module.ts
import {Browse
浏览 2提问于2018-01-15得票数 25
回答已采纳
关于这个柱塞：
我在styles.css文件和src/app.ts文件中指定了相同的css。
如果我在styles.css中的css中注释，而在src/app.ts中注释掉css，它就能工作。
styles.css：
/* If these are commented in, and the ones in src/app.ts are
* commented out, the three items are spaced appropriately. */
/***
md-toolbar-row {
justify-content: space-between;
}
md-t
浏览 1提问于2017-09-04得票数 0
回答已采纳
1回答
我目前正在与Material2一起开发一个仪表板，用于造型设计。我有一个问题，在任何弹出的应用程序，以透明的背景出现。
我已经在中给出了一个例子。
在堆栈闪电战中，当我添加了一个时，问题就出现了。
当我从项目"src/theme.scss"文件中删除angular.json文件并在style.css中使用预先构建的材料主题时，如下所示；
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
弹出式窗口的背景又恢复正常了。
这种情况发生在所有弹出窗口(datepicker、分页器等)。
浏览 0提问于2018-09-19得票数 0
回答已采纳
2回答
这个声明，我可以用CSS改变侧导航的宽度，如下所示：
md-sidenav {
width: 200px;
}
这引发了以下问题:我能否应用标准的CSS属性，如width、position等.自定义组件而不需要在组件中定义它们？
示例：
my-component {
width: 500px;
}
我试过了，但不起作用。所以我想，答案是否定的，对吗？
为了了解他们是如何用CSS设置width的，我已经阅读了上的源代码。但我不知道他们是怎么做到的。该组件没有width属性。那么，他们是如何用CSS访问width的呢？
编辑：
为了澄清这个问题，我将给出以下例子：
我编写了以下组件
浏览 1提问于2017-08-21得票数 6
回答已采纳
我想在我的angular组件中实现一个bootstrap登录模板。该模板具有具有html、主体选择器样式的css样式。当我在全局样式中添加css时，它可以工作，但当我在component.css文件中添加css时，它不起作用。我应该在angular组件中的哪里添加模板css？
login.component.css
html, body {
background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg');
background-size: cover;
b
浏览 2提问于2019-11-08得票数 0
我有一个带有自定义主题的angular应用程序，大多数组件都不需要引导，所以在我的angular.json中我只包含了bootstrap.grid.css。
随着应用程序的开发，我需要bootstrap，但将其包含在angular.json中会影响其他组件中的样式。
是否有选项仅在此特定组件中使用bootstrap。
我在css文件中尝试了这个@import "bootstrap/dist/css/bootstrap.css";，但是没有帮助。
TIA :)
浏览 0提问于2020-07-22得票数 1
2回答
我想使用ant-tooltip-inner重写类。
使用普通的import './Tooltip.css'，一切都按预期工作。
// import './Tooltip.css'; // Overrides
const StyledLayout = styled.div`
// Doesn't Work
&.ant-tooltip-inner {
background-color: palevioletred !important;
color: white !important;
浏览 0提问于2019-05-08得票数 1
回答已采纳
1回答
这是clarity的新手，我正在尝试头类<header class="header header-5"> 是否可以为页眉添加自定义背景色#F7941E？我可以覆盖我的Angular组件的CSS中的颜色吗？
浏览 5提问于2019-01-24得票数 0
回答已采纳
2回答
我已经开发了一个Angular2应用程序使用路由。
我的问题是：
我有一个登录页面，其中有不同的HTML和CSS.Once成功登录，我重定向到另一个页面有不同的HTML和CSS。但是我的主要布局是index.html(登录页面)。因此，我需要了解如何使用多个布局？
我做过一些研发工作，但我不知道如何实施？
请查找以下代码：
1) app.routing.module
import { NgModule } from '@angular/core';
import { Routes, Router, RouterModule } from '@angular/router
浏览 8提问于2016-12-13得票数 0
回答已采纳
我已经在我的angular项目中使用了引线js，当这个js在我的组件上运行时，它在这个组件视图上生成SVG线，这是可以的，但问题是当我移动到另一个组件时，它总是显示SVG。我计算出当它呈现时，它会在svg上生成一条类引线。我在全局css上设置了引导者-line{display:none；}，这样它就可以从全局视图中成功隐藏，但不会显示在组件视图上。这就是为什么我要在组件样式中更改.leader-line{display:table}的原因，我希望这是可行的。但我想不出怎么解决这个问题。
浏览 1提问于2019-08-26得票数 0
2回答
我有一个角-cli应用程序和使用webpack。当我尝试运行它时，组件特定的css无法工作
styles.css
/* You can add global styles to this file, and also import other style files*/
@import 'http://something/v4/dist/css/bootstrap.min.css';
组件
@Component({
selector: 'app-carousel',
templateUrl: './carousel.component.h
浏览 5提问于2017-08-30得票数 4
回答已采纳
我有一个用Slick和Jquery运行的carousel，有slicks点的覆盖样式(在组件中定义)，但是当在localhost上运行时，我看不到slicks点接收CSS，它只是从默认的slick css加载的。 我检查了在web上呈现的内部样式表:默认的slick.css &slick-heme.css在组件的css之前加载，所以它应该已经覆盖了样式，但它不工作吗？ 下面是我在Angular.json中导出的内容 "styles": [
"src/styles.scss",
"node_modules
浏览 10提问于2019-02-23得票数 1
回答已采纳
这是我在放置在styles.css上的Angular Material的mat-table上的自定义css。
.mat-column-action1 {
min-width: 20px;
}
我的col定义看起来
<ng-container matColumnDef="action1">
<th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let e; let i = index;">
<
浏览 1提问于2020-03-12得票数 0
我读过ShadowDOM将影子DOM树与外部css隔离开来，所以我尝试使用ViewEncapsulation.ShadowDom在角度上使用它，但似乎全局css仍然泄漏到shadow dom中。
请参阅这里的代码：
import { Component, VERSION, ViewEncapsulation } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './
浏览 8提问于2021-06-20得票数 3
回答已采纳
5回答
防止全局CSS在角5中应用组件
、、、、
在.angular-cli.json中，我得到了一些全局样式：
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../node_modules/font-awesome/css/font-awesome.css",
"../node_modules/ng2-toastr/bundles/ng2-toastr.min.css",
"styles.scss"
],
但
浏览 2提问于2018-07-05得票数 5
回答已采纳
在Angular2应用程序中，我经常遇到一个问题，即设置页面的背景颜色或图像。在应用程序中，如果我在styles.css中提到一种特定的颜色作为背景，那么该颜色就会应用于我开发的所有页面，因为它会将样式应用于全局。现在，如果我的登录页面是蓝色的，而我想要将主页的背景颜色更改为白色，我该怎么做呢？因为在组件主页中我们有: homepage.component.html和homepage.component.css。在homepage.component.css中，css只影响主页的元素。我不能改变整个页面的颜色，也不能添加图像作为整个页面的背景，因为body { ... }在那里不起作用。@im
浏览 0提问于2017-08-20得票数 5
2回答
我是新的角，CSS和Html。我使用了MatTabsModule (从‘@angular/MatTabsModule/tab’导入{MatTabsModule}；)来创建选项卡，但是我能够调整/更改高度、背景等等。总之，我无法覆盖MatTabsModule类的默认属性。请帮帮我。下面是我的CSS和Html代码。我希望不需要打字代码。
HTML：-
<mat-card>
<mat-card-content>
<mat-tab-group class="tab-group" dynamicHeight>
<mat-tab
浏览 2提问于2018-04-29得票数 0
回答已采纳
1回答
我有一个react组件，在css文件夹.In APP.js(load1.jsx，load2.jsx，load3.jsx)中定义了多个(one.css，two.css，three.css)文件，我们已经配置了所有的js文件。
one.css应用于load1.jsx，two.css应用于load2.jsx，three.css应用于load3.jxs，但是one.css的样式被load1.jxs中的three.css覆盖。
如何在react js中修复这个问题。
浏览 0提问于2021-04-15得票数 1
我有一个奇怪的问题，同时创建我的第一个Angular2应用程序。
我正在将一些CSS应用于组件主机 (example-component)，但它没有出现在浏览器中？
这是我第一次以这样的角度发帖，所以我希望我包括了获得一些帮助所需要的一切。
example.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'crate',
templateUrl: './app/folderA/folderAB/crate.html',
浏览 2提问于2016-10-16得票数 4
回答已采纳
1回答
我正在使用react构建一个可插拔的聊天机器人小部件。我的目标是一个聊天机器人小工具，你可以在任何网站上使用，有点像。
当我在一些站点上使用它时，我发现它的样式被添加了小部件的基本站点所覆盖。在调试过程中，我发现这个基础站点在他们的CSS中使用了带有!important的样式，类似于
a {
color: blue !important;
}
这真的搞砸了我的小部件样式，所以无论我在小部件CSS中使用了什么特定的样式，它都会被具有!important的基本站点样式所覆盖。我找到了‘css -module’，'react-jss‘库来限定CSS，但没有一个能够覆盖！重要的是，
浏览 0提问于2020-02-05得票数 2
1回答
是否有可能将Bootstrap的css文件隔离到一个Angular组件？
在styles.css或.angular-cli.json中全局包含文件时，全局样式会导致不应使用引导的其他组件出现问题。我试着从组件的CSS文件中导入它，但样式似乎不能正确呈现……
我使用的是Angular 5和Angular Cli 1.7.2。
浏览 0提问于2018-03-10得票数 3
目标
我有一个角11点，有一个使用角材料的大形状部件--我们把它叫做myExportableComponent。我想在我的站点中像普通一样使用myExportableComponent，但也要将它导出为一个通用的web组件(a.k.a )。“自定义元素”。“角元素”)。这样，它可以在任何第三方的网站上使用，不管他们的技术栈，它的工作方式与我的网站完全一样。
myExportableComponent应该像我的站点中的一个正常的角度组件一样工作-它应该通过在styles.scss中找到的全局CSS和在my-exportable.component.scss中找到的组件特定的CSS来进行样式化。
浏览 2提问于2021-03-03得票数 3
回答已采纳
我有一个名为UIService的角度服务，如下所示，它可以打开一个MatSnackBar。当它被调用时，panelClass中定义的颜色属性似乎没有被拾取。
UIService代码
import { Injectable } from '@angular/core';
import {ReplaySubject, Subject} from 'rxjs';
import {MatSnackBar} from '@angular/material';
@Injectable({
providedIn: 'root'
})
e
浏览 9提问于2019-11-12得票数 0
回答已采纳
1回答
用于带工艺路线的角度的材料组件
、、、、
我正尝试在我的angular 4.3应用程序中使用Angular ()的材质组件。我已经安装了所有的东西，并且在我的app.component.html文件中添加了一个按钮，这个按钮被渲染了，并且像这里的一样工作。
然后，我尝试在我的一个路由中添加一个按钮，但该按钮呈现的效果并不相同。这就像是引导css已经接管了一切。
我必须在要路由到的组件中导入任何内容吗？
浏览 0提问于2017-11-14得票数 1
我怎么才能给ng2-tag-input插件中的标签添加背景色，我搜索了一下，他们说我们需要使用自定义组件来设置样式，我添加了，但是找不到触发器，我正在使用这个 website.can，有谁帮我一下吗？
video.component.ts文件
import { Component, forwardRef } from '@angular/core';
import { TagInputComponent } from 'ng2-tag-input';
import { NG_VALUE_ACCESSOR } from '@angular/forms
浏览 9提问于2017-02-01得票数 0
回答已采纳
我想知道AngularDart组件样式的最佳方式是什么？我希望能够将基本样式分割成一个单独的CSS文件，然后在我的组件中以某种方式包含它(如果角镖支持的话，可能是@import )。
标准NgComponent只允许我添加一次CSS文件，如下例所示：
@NgComponent(
selector: 'rating',
templateUrl: 'packages/angular_dart_demo/rating/rating_component.html',
cssUrl: 'packages/angular_dart_demo/rating
浏览 2提问于2013-12-01得票数 3
回答已采纳
我安装了'react app 2‘和node-sass。它与SCSS一起工作得很好。但我只想知道如何创建像Angular这样的特定于组件的SCSS (这永远不会与其他组件SCSS冲突)
Angular自动为ViewEncapsulation添加属性请参见下面的示例
在angular中，有一个选项可用于
封装: ViewEncapsulation.None (用于禁用此组件的CSS封装)
浏览 1提问于2019-02-15得票数 1
1回答
我对角质世界非常陌生(到目前为止我很喜欢它)。我们有一个角1 (JS)应用程序，我们计划转换为最新的角2 (8.3.9)版本。在旧应用程序中，有一件事是使用$scope对象，然后根据请求index.html中的查询参数动态地在根index.html中设置CSS样式表链接。
使用ngStyle或ngClass更新它冷却的文档中不可分割的元素，但是，
在以角2加载应用程序时，我们如何处理更改整个样式表？
所有内容都封装在组件中，angular.json文件中指定的样式被内置到"deployable.js“文件中。可以在运行时更改它吗？
这个链接似乎是最接近的例子：，但仍然不能很好地解决根i
浏览 2提问于2019-10-25得票数 7
回答已采纳
如何防止子组件样式(添加到带有innerHtml的子组件)应用于父组件？巧合的是，父类可能已经有一个名称相同的css类。如果ViewEncapsulation设置为本机，这似乎是正确的(子的背景是红色的，父的是绿色的)，但是模拟它没有。我不能使用本机，就像人们说的，不是所有的浏览器都支持它。
app.ts
import {Component, NgModule, VERSION} from '@angular/core'
import {BrowserModule, DomSanitizer} from '@angular/platform-browser'
i
浏览 2提问于2018-01-26得票数 0
回答已采纳
我已经创建了一个新的Angular CLI项目和一个组件，我已经尝试了css特异性的工作。在我尝试过的地方，类样式会覆盖标签样式，但只有在Angular项目中才能做到，反之亦然
我发现ViewEncapsulation.None使css样式显示深绿色背景色，而使用角度默认视图封装(ViewEncapsulation.Emulated)浏览器显示水背景色。
组件代码
import { Component, OnInit } from '@angular/core';
import {ToastrService} from "ngx-toastr";
//impor
浏览 1提问于2019-05-19得票数 1
因此，我要跟上Angular6的变化，我看到了关于他们的材料库的提到。几个问题：
材料是否使用它自己的CSS布局，而不是引导？
这两个主要包中的每个包的作用是什么？
npm install --save @angular/material @angular/cdk
浏览 0提问于2018-06-16得票数 1
回答已采纳
对于我的问题来说，这可能不是最好的措辞，以下是我试图实现的目标。
我正在使用带有bootstrap 3样式的Angular2应用程序，其中我们使用了许多组件(Angular1.x中的指令)。这也导致我们在组件中拥有组件。
在我的一个页面上，我有一个引导程序类.well，然后在那个引导程序类中还有另一个也使用.well的组件。因此，如果您熟悉bootstrap，那么在另一个.well中的.well会产生相当多的填充。
因此，我想要编写一个css选择器，当内部.well位于另一个.well中时，删除它的填充。
这是我到目前为止尝试过的：
.well .well {
padding: 0;
}
浏览 40提问于2017-06-23得票数 2
回答已采纳
1回答
我一直使用tailwind.css与vue或angular作为组合，但现在我正在进行我的第一个IONIC项目，我在问自己，为什么在IONIC中没有预先定义的不同保证金类别，比如： 离子边缘离子边缘-2离子边缘-3离子边缘-4 每个预定义的类都有不同的边距值(我们可以在bootstrap或任何其他现代UI框架中使用它)。 我已经查看了官方文档：https://ionicframework.com/docs/layout/css-utilities 有没有人可以在这里给我一个提示，避免在我的风格指南文件中写很多自己的类。 感谢您的帮助。
浏览 20提问于2021-08-24得票数 1
我找到了一个，它是一个登录页面。我想把它放到我的angular应用程序中，但是我不能设置背景的样式。我的背景是空的。
下面是我放入angular应用程序中的内容: 1. html文件
<div class="login">
<h1>Login</h1>
<form method="post">
<input type="text" name="u" placeholder="Username" required="required"
浏览 8提问于2018-10-23得票数 0
我在angular-cli.json "../node_modules/bootstrap/dist/css/bootstrap.min.css"中有in样式。为什么当我删除这些行并添加到每个组件@import "{correct path to every directory/node_modules/bootstrap/dist/css/bootstrap.min.css}"中的每个css时，它不能像以前那样工作？
浏览 0提问于2018-04-17得票数 1
1回答
我试图在我的组件中改变PrimeNg手风琴的样式：简单的变化，比如字体风格，颜色变化.页面上说我可以用styleClass传递一个样式。这对我不起作用。
在我的组件中，我可以通过以下方式删除阴影：
::ng-deep .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
box-shadow: none;
}
据我所知，不建议使用ng深度。没有ng深度，除非我将CSS放入一个“全局”CSS文件中，否则不会发生任何事情。但它不只是改变了我自己的成分。
此外，CSS选择器是疯狂的长，
浏览 6提问于2021-09-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
