悬停时背景颜色变化答案

【问题标题】：Background color change on hover悬停时背景颜色变化
【发布时间】：2013-10-23 03:55:41
【问题描述】：

我已经完成了文本框。现在我想悬停并更改框的颜色
背景。当鼠标悬停时，我无法更改它。我还附上了
用这个图像，这样你就可以知道了。我已经完成了文本框。现在我想悬停并更改框背景的颜色。我无法改变这一点当鼠标悬停时。我还附上了这张图片，所以你可以有想法关于。请检查图像并找到社交媒体框，当我将鼠标悬停时
悬停颜色没有改变。

 <style>
 div.ex
 {
     width:20px;
     height:20px; 
     padding:5px;
     border:1px solid #D8D8D8;
     margin:0px;
     background-color:#3b5998;
 }
 </style>


<div class="ex"><span class="iconfacebook2" aria-hidden="true" data-icon="&#xe169;">     
</span></div>

*编辑以使图像出现

【问题讨论】：

标签： html css background-color mousehover

【解决方案1】：

您可以使用 :hover 选择器：

http://www.w3schools.com/cssref/sel_hover.asp

但是如果你使用的是图片，你可以应用 CSS Image Sprites：

http://www.w3schools.com/css/css_image_sprites.asp

顺便说一句，如果你正在开发一个网站，也许 CSS Image Sprites 是提高网站性能的好选择（因为它只使用 1 个原生图像进行多个图像交互）。

;)

【讨论】：

【解决方案2】：

<style>
div.ex
{
width:20px;
height:20px; 
padding:5px;
border:1px solid #D8D8D8;
margin:0px;
background-color:#3b5998;
}
div.ex:hover {
background-color:#000;
}
 </style>

通过使用相同的 css 类 div.ex 并添加 :hover 来创建悬停元素

【讨论】：