如何在CSS类

Question

我在CSS中有一个盒子类。

.box {
    margin: 5px;
    padding: 5px;
    display: inline-block;
    width: 240px;
    height: 290px!important;
    background-color:#FDFEFE;
    text-align: center;
    vertical-align: top;
    float: left;
}

我正在使用这样在HTML页面中显示项目。

<div class='box'>
    <ng-include src="'commonTemplate.html'"></ng-include>
</div>

如何在这里添加鼠标输入和鼠标效果？

当用户在框区域中输入鼠标时，我想要的是将其bg颜色更改为某些xyz颜色，并在鼠标上将bg颜色更改为原始颜色。

Answer 1

只需使用temporary database伪类：

.box {
   background-color: #FFF;
   /* rest of styles */
}
.box:hover {
   background-color: #EEE;
}