Saya mempunyai butang dalam projek React saya dan saya telah menyediakannya seperti ini.

Tetapan gaya adalah seperti ini

label : { borderRadius: '1vh', cursor: 'pointer', height: '2.5vh', margin: '0.5vh', minWidth: '50px', fontSize: '1.7vh', justifyContent: 'center', alignItems: 'center', display: 'flex', flexDirection: 'row', backgroundColor : 'green', color : 'black', opacity : '0.9', '&:hover': { backgroundColor : 'green', color : 'black', opacity : '1', }, }, input : { zIndex : -1, position : 'absolute', opacity : 0, visibility : 'hidden', }

Gaya hover tidak diaktifkan apabila tetikus berada di atas label, saya tidak pasti apa yang saya lakukan salah di sini.