Not applying interactive styles with Material ui · FormidableLabs/radium#1014

(1 评论) (0 反应) (0 负责人)JavaScript (7,414 star) (352 fork)batch import

help wantedinvestigate

描述

I am trying to use Paper component and style it with radium , but the hover styles are not being applied when hovering.

<Paper style={{ backgroundColor : 'red' , ":hover" : {backgroundColor:'green' } }}>
<h1> Hi </h1>
</Paper>

技术栈: reactjavascript
领域: frontend
议题类型: bug
难度: 3
预计时间: under 1 hour
活动状态: stale
清晰度: mostly clear
前置要求: React basicsRadium integration
新手友好度: 40
研究方向: Investigate why Radium's hover pseudo selector does not work with Material UI's Paper component. Check if Radium requires additional wrapping or configuration for third party components. Look at Radium's documentation and examples for Material UI compatibility. Consider if the issue is related to component hierarchy or CSS specificity.