在查看Polymer时,我在Chrome 37的开发人员工具的样式选项卡中看到以下CSS选择器:

我还看到了一个带有伪选择器的选择器::shadow.
那么,是什么做的/deep/和::shadowCSS选择呢?
我正在尝试将路由器出口放置的元素设置为有角度,并且要确保生成的元素的宽度为100%
从大多数回复中,我看到我应该使用::ng-deep选择器,但是从Angular的文档中它被弃用了.有替代品::ng-deep吗?
我现在正在努力工作几个小时.我使用Material2,只是想改变进度条的颜色.我知道有那些主题(主要/重音/警告),但我希望我的进度条有一个cutom颜色(绿色).
我已经尝试了最奇怪的css组合......但没有努力.也许有人有同样的问题?
我需要修改工具提示框的宽度和背景.我怎样才能实现它?我正在使用angular2和ng bootstrap.
<i class="fa fa-info-circle info-icon-background" [ngbTooltip]="tooltipContent" aria-hidden="true" ></i>
Run Code Online (Sandbox Code Playgroud)
我已经尝试将以下内容放在我的"task-modal.component.css"css文件中,但它似乎不起作用.请帮忙.
.tooltip-inner{
width: 400px;
background-color: #FFFFFF;
}
Run Code Online (Sandbox Code Playgroud)
在我的角度组件中,我将css文件指定为:
@Component({
selector: 'task-modal',
templateUrl: './task-modal.component.html',
styleUrls: ['task-modal.component.css'],
providers: [TasksService]
})
Run Code Online (Sandbox Code Playgroud) angular ×4
css ×2
html ×1
html5 ×1
material ×1
ng-bootstrap ×1
polymer ×1
progress-bar ×1
shadow-dom ×1
themes ×1
tooltip ×1