Angular:编程设置复杂css选择器的样式

文章/答案/技术大牛

发布

2回答

angular、renderer

我正在寻找一种编程的方法来做以下事情： tr.product-row:not(.expanded-row):active {} 原因是我希望活动颜色是不同元素的颜色的较浅版本。我可以计算出我需要的颜色，但不知道如何设置。用Renderer2能做到吗？

浏览 14提问于2021-04-07得票数 0

回答已采纳

1回答

我在angular中使用阴影DOM，并通过:host选择器在CSS中设置主机样式。在Angular中，如果我创建了encapsulation:ViewEncapsulation.None，那么我将处于普通的DOM中，并且:host选择器将无法工作在CSS或SASS等方面，什么可以替代普通DOM中的:host选择器？因为如果出于调试目的而激活ViewEncapsulation.None，则会忽略<e

浏览 4提问于2018-01-25得票数 1

回答已采纳

2回答

如何将样式添加到父组件？

angular

既然在angular.json的styles[]中引用的样式表不能在组件的styleUrls[]装饰器中引用，那么从父组件的主CSS文件中设置父组件中的子元素样式的准确方法是什么？我希望能够在不影响angular.json文件中引用的样

浏览 0提问于2019-11-06得票数 0

4回答

从父级应用样式

css、angular、angular2-directives

假设我有一个带有此模板的组件： <span class="user-defined-text">{{text}}</span><style>span { font-size: 3em; }</style> 如何合并应用于组件的样式？<custom-component [text]="

浏览 0提问于2016-01-29得票数 12

回答已采纳

2回答

设计md-输入元素

html、css、angular、styling、angular-material2

我正在尝试对.md-input-element on md-input进行样式设计，默认情况下，它是从angular-material.css添加的，而angular-material.css似乎无法工作我试着添加字母间距的样式，但它只起作用于当前。控制台上的样式。有没有办法在我自己的css文件中覆盖md-input-element的这种特殊样式

浏览 0提问于2016-11-25得票数 0

回答已采纳

2回答

使用角2动态切换带有制表符的HTML内容样式

html、css、angular、typescript、angular2-template

我正在尝试创建一个可重用的angular2组件，它接受一个URL数组到我的服务器上的html文件，并创建一个带有选项卡的内容窗口，以便在“章节”之间切换，从而有效地在内容窗口中交换html和css。，但是样式不适用，并且去掉任何样式或脚本标记。这是我尝试过的。htmlInput: string = "<h1>Why Does Angular make th

浏览 6提问于2016-11-06得票数 1

回答已采纳

2回答

自定义元素上的CSS选择器

css、angular、custom-element

直接设置Angular2自定义元素的样式并使用CSS选择器选择它们有什么禁忌吗？header></header> <My-Footer class="sticky-footer"></My-Footer> // CSSbackground-colo

浏览 2提问于2016-09-16得票数 2

2回答

角:组件scss样式不应用于向div的[innerHTML]提供的标签？

javascript、css、angular、angular-material、mat-dialog

我有一个MatDialog，它在构造时由它的父字符串提供。html是命名div内容的来源，包含嵌入在HTML中的<table>标记，但出于某种原因，在对话框的scss文件中定义的表样式没有应用到我指定为[innerHTML]的字符串，尽管它可以很好地工作于硬编码到html文件中的<table>标记。有什么方法可以让对话框用包含在对话框组件的样式模板中的样式来

浏览 4提问于2022-01-19得票数 2

回答已采纳

4回答

CSS选择器是一个很大的性能冲击吗？

css、css-selectors

有一些我无法摆脱的样式属性，但我想知道是否值得干净地摆脱类名，而使用CSS选择器。CSS选择器执行缓慢吗？我说的是用#example div >div:nth- .example (3)>p这样更复杂的选择器替换类名选择器

浏览 3提问于2010-03-28得票数 3

回答已采纳

1回答

如何为特定组件添加html、正文选择器样式？

css、angular

我想在我的angular组件中实现一个bootstrap登录模板。该模板具有具有html、主体选择器样式的css样式。当我在全局样式中添加css时，它可以工作，但当我在component.css文件中添加css时，它不起作用。我应该在angular组件中的哪里添加模板css？login.component.css html, b

浏览 2提问于2019-11-08得票数 0

2回答

如何防止Angular元素(web组件)重写其父元素的样式

css、angular、web-component

我的Angular web组件有一些问题。我的angular应用程序包含web组件作为子组件，但问题是子组件的css也应用于其父组件。<div id="my-app">&

浏览 12提问于2021-06-10得票数 0

2回答

如何使用bootstrap datepicker？

javascript、jquery、angularjs、twitter-bootstrap、datepicker

我对Angular.js (或者一般的web编程)还是个新手。我有一个非常基本的问题--我想在我的应用程序中包含一个日期选择器。为此，我尝试设置引导日期选择器： <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0

浏览 2提问于2015-05-17得票数 1

回答已采纳

1回答

如何将网页嵌入到另一个网页中并隔离CSS

javascript、jquery、html、css、dom

我需要将一个网页嵌入到另一个网页中，内部页面将由<div>包装，不包含<html>，<head><title>或类似的东西，但是，内部页面可以包含<link>到CSS，我不想影响外部页面我目前使用AJAX获取HTML并将其插入到外部DOM中，为了解决样式冲突，我在嵌入到DOM之前提取任何链接，使用AJAX获取CSS，解析样式并使用jQuery选择器内联应用它们。像伪选择器这样的东西有明显的问

浏览 3提问于2010-02-24得票数 2

1回答

用Angular创建动态类

css、angularjs、ng-class、ng-style

我正在尝试在Angular模板中添加一个动态类，并相应地设置一个样式属性。超文本标记语言应该是-- <body class="{{ product-id }}"> CSS应该是-- product-id : { color: #ccc; }，其中product-id是一个动态值做这件事最好的方法是什么？我想让它成为一个选择器，我可以将它用于页面中的各种元素位置，这就是为什么ng样式不适合我。

浏览 2提问于2015-08-28得票数 0

1回答

Chrome浏览器开发工具是否尊重指定的样式更改？

css、google-chrome、google-chrome-devtools

我正在做一些CSS故障排除，正如您可以想象的那样，我很难获得一个div样式，我也希望它的方式。在Chrome中，我打开了开发窗口，并选择了元素来检查样式设置。我需要在一个特定的选择器中对我的一些更改做一个快速的可视化测试。注意，我不打算为元素声明一个临时的、特定的值。我已经找到了选择器和相应的CSS属性，正如我所知道的<

浏览 0提问于2019-05-31得票数 0

回答已采纳

2回答

Gtk.CssProvider()在Gtk3中基于ID的选择器是如何工作的？

python、css、gtk、gtk3、pygobject

本质上，我正在尝试使用CSS样式声明在Gtk3中设置一些Gtk小部件的样式，这并不复杂，只是尝试通过id/名称来确定特定元素的目标。Gtk.CssProvider()的Gtk文档说应该可以作为名称设置为"widgetname“的小部件的有效选择器我最初以为是CSS</

浏览 4提问于2013-05-25得票数 7

3回答

Mat-tab-body-wrapper，不能编辑css* (角度)*

angular、angular-material、mat-tab

我不能改变垫标签的主体包装，它似乎限制了我的垫标签的大小。 height: 100%:抱歉，Stackoverflow迫使我注释掉一些不必要的东西，就像你在NG-template和我的条形图中看到的那样。<mat-tab-group mat-stretch-tabs> 'angular template and mat tab

浏览 6提问于2018-11-09得票数 9

1回答

从供应商控制的样式表中删除或重置高特异性规则

css

我正在研究CMS中的一些CSS，它强制一些初始样式。我无法删除或修改此样式表。CMS样式表中的一行是 color: purple;我在自己的样式表中定义了几个类，这些类设置文本的颜色： background-color:blue;} .foo为大多数文本正确设置颜色，包括未访问的链接。

浏览 0提问于2018-10-12得票数 0

1回答

自定义安装在Angular应用程序中的包的最佳方式

javascript、css、angular

我已经遇到过这几次了，并且已经在我的脑海中回想了一段时间。当我们在angular应用程序中安装任何包，并在任何组件中使用相同的包时，通常需要自定义样式来匹配设计。因此，当我们在使用包的组件css文件中应用样式时，它不会反映。当我在根style.css中应用相同的样式时，它会得到反映。我想让我的主style.css文件保持干净。什么是最好的方式自定义样式<

浏览 2提问于2020-11-03得票数 1

1回答

angular2伪选择器样式

angular

我可以使用Angular2设置伪选择器的样式吗？personFavouritePoster"></div> {{id}}</section> CSS

浏览 13提问于2016-08-12得票数 1

回答已采纳

点击加载更多