代码之家 › 专栏 › 技术社区 › Dheeraj Kumar

在组件级别更改启动css

primeng angular css

Dheeraj Kumar · 技术社区 · 7 年前

我知道类似的话题已经讨论过很多次了,但是我找不到解决我所面临问题的方法。

我正在尝试改变我的角度应用程序的素描风格。

.ui-inputext 底漆等级。

    body .ui-inputtext {
    font-size: 0.8vw;
    padding:0;
    background-color: #557db1 !important;
}

只有当我设置好 encapsulation:ViewEncapsulation.None 在我的组件类中。

:host >>>

 :host >>>   body .ui-inputtext {
    font-size: 0.8vw;
    padding:0;
    color:red;
    background-color: #557db1 !important;
}

恩卡psulation:ViewEncapsulation.None 在我的组件中,它改变了整个应用程序中PrimeNGcontrols的样式。

我只想对修改了CSS类的组件的控件进行更改。

这个问题是在GitHub上提出的( https://github.com/primefaces/primeng/issues/1812 )但没有进一步追踪。

2 回复 | 直到 7 年前

Elanor-L 7 年前

尝试 :host /deep/ 在组件css文件中。

Zarna Borda 7 年前

向该输入字段添加一个类,并尝试使用该类而不是使用body和Add来更改css encapsulation: Viewencaptulation.None

下面是您可以这样尝试的示例代码:

<input type="text" class="field_input" pInputText placeholder="Username">

.field_input.ui-inputtext {
  font-size: 0.8vw;
  padding:0;
  background-color: #557db1 !important;
}

https://stackblitz.com/edit/angular-romzcu?embed=1&file=src/app/app.component.ts

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前