设置p日历输入字段的样式

时间:2019-01-17 11:16:23

标签: css angular primeng

我想对p日历上的输入框进行样式化。 我想在与控件进行交互时将其保持蓝色,而在没有控件时则保持灰色。到目前为止,我已经做到了,但是当我单击下个月的箭头时,焦点丢失了,控件变成了灰色。如果我从下拉列表中选择年/月,则焦点将保留,并且样式可以。日历打开时,有什么方法可以样式化输入框? https://imgur.com/a/WYQvarc

当控件中有焦点时,在CSS样式中使用此字段。但是点击箭头后,焦点便消失了

::ng-deep .ui-calendar.ui-calendar-w-btn:focus-within .ui-inputtext {
    border-left: 1px solid #0FB4E1;
    border-top: 1px solid #0FB4E1;
    border-bottom: 1px solid #0FB4E1;
    background-color: #F6FAFB;
}

0 个答案:

没有答案