css - React-Semantic-UI， Accordion ，标签中的标题。箭头图标内的 "Inline"

Question

测试用例

https://codesandbox.io/s/q305wzzw46

预期结果

在“箭头”图标内标记“内联”。

实际结果

版本

React-语义-UI 0.77.2

Answer 1

覆盖像这样的语义 UI CSS:

.ui.accordion .title:not(.ui){
  display: flex;
}

让标签像盒子一样

.ui.accordion .title .dropdown.icon{
   display: inline-flex; 
   flex-shrink: 0;
}

垂直组织图标