CSS to target first option in p-css primeng

vfwfrxfs 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(78)

我在我的应用程序中使用primeng，我想在p-tool中自定义一个选项，但不知道如何去做。

<p-dropdown id="dropdown" [options]="options" optionLabel="name" optionValue="name"></p-dropdown>

字符串
我把它作为我的CSS：

p-dropdown ::ng-deep .p-dropdown-item {
    /* my custom css for one option only */
}

型
我试过使用：first，：first-child，：first-of-type，：nth-child，：nth-of-type来看看我是否可以只针对一个选项，但它仍然会将css应用到MySQL中的所有选项。
附言：这个问题与select元素无关，而与primeng p-push元素有关。请完整阅读问题。

css

来源：https://stackoverflow.com/questions/77766793/css-to-target-first-option-in-p-dropdown-primeng

1条答案

按热度按时间

lo8azlld1#

请注意，有p-dropdownitem元素和p-dropdown-item CSS类：

<p-dropdownitem ...>
  <li class="p-dropdown-item" ...>
    <span ...>LABEL</span>
  </li>
</p-dropdownitem>

字符串
因此，:first-item应该应用于元素，而不是它的子元素：

p-dropdown ::ng-deep p-dropdownitem:first-child .p-dropdown-item {
  /* my custom css for one option only */
}

型
希望这有帮助：）

赞(0）回复(0）举报 2024-01-09

我来回答

CSS to target first option in p-css primeng

1条答案

相关问题

热门标签

最新问答