Tengo una tabla de diseño de hormigas en reaccionar y quiero hacer que el color de fondo de la fila de la tabla cambie al pasar el mouse sobre ella. En realidad, lo hice al verificar otras respuestas, pero mi problema es que el color de desplazamiento desaparece en aproximadamente 1 segundo. Quiero decir, cuando paso el mouse sobre la fila, el color de fondo cambia como 1 segundo pero luego vuelve a su color normal.

Aquí está el código:

 return ( <div className='card-holder'> <Card className='card-section'> <Table rowKey='id' dataSource={wallets} columns={columns} className='table'></Table> </Card>

Y el CSS es:

 .table { /*empty*/ } .table tr:hover { background-color: yellow ; }

¿Por qué vuelve al color original en solo 1 segundo? ¿Quiero que el color de fondo sea permanente siempre que el cursor del mouse permanezca en la fila?