Html 字段集无法应用灵活方向

我有一些我正在处理的代码，其中包含一个不能更改的字段集容器。由于某些原因，我无法使fieldset子元素在flexbox中显示为一行，尽管应用了该行

如何实现fieldset flex direction行？我已经建立了一个简短的演示，展示了它在一个div上工作，而不是在一个字段集上，尽管有相同的css

谢谢你的帮助

span{
背景：浅绿色；
}
跨度：第n个类型（奇数）{
背景：粉红色；
}
字段集分区{
显示器：flex；
柔性流：行换行；
}

文本1
文本2
文本3
文本1
文本2
文本3

字段集、图例和其他一些元素无法正确使用flexbox。这是一只虫子

一种可能的解决方案是在HTML中使用

，并添加CSS

div[role='group']

作为选择器

span{
背景：浅绿色；
}
跨度：第n个类型（奇数）{
背景：粉红色；
}
div，div[role='group']{
显示器：flex；
柔性流：行换行；
}

文本1
文本2
文本3
文本1
文本2
文本3

似乎是一个适用于Chrome和“Edge”的应用程序。在找到链接