Css 如何将角度清晰度设计4.0输入宽度设置为100%?

Css 如何将角度清晰度设计4.0输入宽度设置为100%?,css,angular,vmware-clarity,Css,Angular,Vmware Clarity,对于较旧的版本,我很容易覆盖Clarity Design表单控件的默认CSS行为,以使用100%的父级宽度 对于4.0版本,我甚至无法在Chrome Inspector上为clr输入容器和所有子元素(clr控制容器,clr输入包装器,输入)设置style=“width:100%” 任何人都有幸尝试使Clarity Design 4.0的输入元素100%适合宽度?您可以使用clr-*类对输入应用样式。比如说, .clr-input, .clr-input-wrapper { max-width

对于较旧的版本,我很容易覆盖Clarity Design表单控件的默认CSS行为,以使用100%的父级宽度

对于4.0版本,我甚至无法在Chrome Inspector上为
clr输入容器
和所有子元素(
clr控制容器
clr输入包装器
输入
)设置
style=“width:100%”


任何人都有幸尝试使Clarity Design 4.0的输入元素100%适合宽度?

您可以使用
clr-*
类对输入应用样式。比如说,

.clr-input,
.clr-input-wrapper {
  max-width: 100%;
  width: 100%;
}

.clr-control-container, 
.clr-input-wrapper.clr-input {
  padding-left: 0;
  padding-right: 0;
}

看看这个。

您好,如果我只使用CSS组件,您的答案很好。看一看,这是相同的Stackblitz,你给我发送的,但清晰的角度输入组件。使用角度输入组件制作100%宽度有什么建议吗?@IbrahimNetto看一看这个:。更新的答案,让我知道你是否可以接受它。