Antd React ディレクトリ ツリー ノードの背景色をカスタマイズするにはどうすればよいですか?

Question

less スタイルを使用して、マウスがツリー ノード上にあるときに antd ディレクトリ ツリー ノードのデフォルトの背景色を変更するにはどうすればよいですか?

<Tree.DirectoryTree>
        {data.map((アイテム) => {
          戻る （
            <ツリー.ツリーノード
              // @ts-ignore
              アイテム={アイテム}
              icon={<></>}
              key={item.user_folder_id}
              title={item.title}
            >
              {item?.data.map((node) => {
                戻る （
                  <ツリー.ツリーノード
                    ノード={ノード}
                    key={node.node_id}
                    title={node.title}
                  ></Tree.TreeNode>
                );
              })}

            </Tree.TreeNode>
          );
        })}
      </Tree.DirectoryTree>

Answer 1

<Tree.DirectoryTree className="custom-tree">
        {data.map((item) => {
          return (
            <Tree.TreeNode
              // @ts-ignore
              item={item}
              icon={<></>}
              key={item.user_folder_id}
              title={item.title}
            >
              {item?.data.map((node) => {
                return (
                  <Tree.TreeNode
                    node={node}
                    key={node.node_id}
                    title={ node.title }
                  ></Tree.TreeNode>
                );
              })}

            </Tree.TreeNode>
          );
        })}
      </Tree.DirectoryTree>

styles.less

.custom-tree .ant-tree-treenode:hover::before {
  background: blue !important;
}