我想顯示html文本& ltul & gt& lt李& gt測試& lt/李& gt& lt李& gt測試& lt/李& gt& lt李& gt測試& lt/李& gt& lt/ul & gt；當我懸停在popover內時& quot懸停在此處& quot。

這是我想要的↓

測試測試測試 這是我的代碼

<Popover placement="top-start" trigger="hover">
  <PopoverTrigger>
   <span>HOVER HERE</span>
  </PopoverTrigger>
  <PopoverContent backgroundColor="white" color="black">
  <PopoverBody>
   <div dangerouslySetInnerHTML={{ __html: "<ul><li>test</li><li>test</li><li>test</li></ul>" }} />
  </PopoverBody>
 </PopoverContent>
</Popover>

有了上面的代碼，我得到了這個

所以我加了css

<PopoverBody>
   <div className={textCss} dangerouslySetInnerHTML={{ __html: "<ul><li>test</li><li>test</li><li>test</li></ul>" }} />
</PopoverBody>

import { style } from "@vanilla-extract/css";

export const textCss = style({
        display:"list-item",
        listStyleType:"disc", 
})

現在我明白了↓

只有一個項目符號的列表..

有什么方法可以顯示帶有項目符號的列表項，每行一個？