css - 如何在 CSS 中定位和更改来自（react.js）Formik 的类元素？

Question

如何定位属于 Formik 并具有 jsx 前缀的元素？

HTML：

<p>
  {isMyProfile ? (
  <UserName />
              ) : (
   <PageHeading>
   {user?.firstname} {user?.lastname}
   </PageHeading>
              )}
</p>

CSS：

<button type="button" class="jsx-962024717 jsx-380790680 plain-button">

我从 dev.tools 获得了这个 CSS 代码，但我无法更改这个元素的 CSS 并以 UserName 和 PageHeading 为目标。