Html 如何更改angular 2中下载的子组件的css样式？

我在第二节中面临一个问题。我安装了一个新组件（这个：），我正在尝试更改它的样式。更准确地说，我想更改输入元素的边界半径。我不知道如何做到这一点，而不改变这个组件的源代码。是否有可能从父组件访问样式

让我分享一些我想做的代码。在我的组件中，我有如下内容：

<my-date-picker required></my-date-picker>

---

请注意，在组件中，边界半径设置为4px。感谢您自定义css文件中的。超车，如下所示

.mydp, .mydp .headertodaybtn, .mydp .selection, .mydp .selectiongroup, .mydp .selector {
 border-radius:15px
}

---

通常，我会覆盖

app.component.css

中的样式。要做到这一点，请在导入

视图封装后，在
app.component.ts
中的
组件
装饰器中添加此行

import {Component, ViewEncapsulation, OnInit} from '@angular/core';

然后

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [
    './app.component.css'
  ],
  encapsulation: ViewEncapsulation.None
})

然后在
app.component.css
中添加您的样式。
由于
app.component
是您的根组件，因此此组件中应用的任何样式也将应用于
app root
中加载的组件

希望这有帮助

参考
将此代码粘贴到override.css中：

希望这能奏效。
感谢您的帮助，但这些解决方案都不起作用。我必须在父css文件中添加这一行（我的意思是：host/deep/）。如果我这样做了，应该可以：host/deep/input{height:100px}？
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [
    './app.component.css'
  ],
  encapsulation: ViewEncapsulation.None
})

.mydp, .mydp .headertodaybtn, .mydp .selection, .mydp .selectiongroup, .mydp 
.selector {
     border-radius:0 !important;
}