选择和悬停时的详细列表样式

Question

下面是我的详细信息列表

<DetailsList
  items={Items}
  columns={this._columns}
  layoutMode={DetailsListLayoutMode.justified}
  selectionPreservedOnEmptyClick={true}
  selectionMode={SelectionMode.none}
  styles={DetailsListStyle}
  dragDropEvents={this._dragDropEvents}
/>

这是我使用过的样式：

export const DetailsListStyle: Partial < IDetailsListStyles > = {
  root: {
    selectors: {
      "span[class^='ms-DetailsHeader-cellName']": {
        fontSize: '12px',
        color: '#6E6F77',
        fontWeight: 400
      },
      "div[class^='ms-DetailsRow-cell']": {
        fontSize: '14px',
        color: '#333333'
      }
    }
  }
};

如何在选择和悬停时设置行样式？