如何更改 React 页面中内联 CSS 的悬停样式？

Question

我将 css 更改为内联 css。虽然我必须将按钮：悬停更改为内联CSS，但这不起作用。有什么办法可以解决这个问题吗

<button
                                style={{
                                  borderRadius: "10px",
                                  backgroundColor: "#004577",
                                  color: "#ffffff",
                                  border: "0px",
                                  width: "auto",
                                }}
                                className=" d-flex col-4 justify-content-center  p-2" 
                                type="submit"
                  
                              >
                                Update profile
                              </button>

我尝试过，但这不起作用。

Answer 1

你不能。 如果您悬停或离开元素，您可以使用这 2 个道具进行观看：

<button onMouseEnter={() => {console.log('hovered');}} onMouseLeave={() => {console.log('left');}} />

类似的票这里