Question

我正在使用CSS模块来设计计算器应用程序的样式。我希望当用户将鼠标悬停在组件上时，组件的背景色也会改变。但是，我无法实现它。谁能帮我吗？

附加必要的CSS文件：

.bstyle{
    height:14%;
    width:25%;
}

.red{
    background-color: #DC143C    ;
    font-size: 30px;
    color: white;
}

.black{
    background-color:  #483c32 ;
    color: white;
    font-size: 30px;
}

Answer 1

您可以在CSS中使用类似的方法，但是您可以适应自己的需求。

async function auth() {
  const auth0Client = initializeAuth0Client(domain, redirectUri, clientID);
  const authResponse = handleLogin(auth0Client, user);
  console.log(authResponse) // works!
}

auth()

Answer 2

<div classsName="foo">
   
</div>

styles.css

.foo {
  background-color: red
  transition: background-color .2s linear;
}

.foo:hover {
  background-color: black;
}

反应：将鼠标悬停在组件上

2 个答案: