Html 无法将鼠标悬停在包装器Div上

我需要你的帮助

我似乎无法使悬停在包装器/容器DIV上正常工作

CSS:

HTML:

+

因为内联样式是级联中最具体的样式，所以它们可以克服您不希望它们出现的问题。将您的

#myhover

样式移动到样式表中，它应该可以正常工作

例如：

#myhover {
    background: #ffffff; 
    width: 177px; 
    height: 20px; 
    border: 1px solid #808080;
}

---

jsfiddle:

因为内联样式是级联中最具体的，它们可以超越您不希望它们出现的事情。将您的

#myhover

样式移动到样式表中，它应该可以正常工作

例如：

#myhover {
    background: #ffffff; 
    width: 177px; 
    height: 20px; 
    border: 1px solid #808080;
}

---

jsiddle:

您的

style

属性正在覆盖样式表选择器。更具体

这里有三个选项：

将样式移出

style

属性

将样式移出

style

属性

添加

！重要信息

，请参阅样式声明，这些声明应覆盖

样式

属性中的声明

我建议您将样式从

style

属性移到样式表中

---

示例：

您的

样式

属性正在覆盖样式表选择器。更具体

这里有三个选项：

将样式移出

style

属性

将样式移出

style

属性

添加

！重要信息

，请参阅样式声明，这些声明应覆盖

样式

属性中的声明

我建议您将样式从

style

属性移到样式表中

---

示例：

我在您前面的问题中为您解决了这个问题：

#add {
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
}
#add:hover {
    color: #f00;   
}

---

请回答问题或接受答案。

我在您之前的问题中为您解决了这个问题：

#add {
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
}
#add:hover {
    color: #f00;   
}

---

请回答问题或接受答案。

您需要将所有CSS粘贴在样式表中，而不是使用内联样式

您试图实现的目标也可以用较少的标记完成：

<div class="container">
    <input class="refdocs" type="text">
    <div class="icon">+</div>
</div>

---

您需要将所有CSS粘贴到样式表中，而不是使用内联样式

您试图实现的目标也可以用较少的标记完成：

<div class="container">
    <input class="refdocs" type="text">
    <div class="icon">+</div>
</div>

---

有趣！但它是有效的。我会尽快接受你的回答。@JohnSmith看一看，以便更好地理解。有趣！但它是有效的。我会尽快接受你的回答。@JohnSmith看一看以便更好地理解。这与关于悬停的问题有什么关系？@JamesMontagne他之前问过这个问题，我提供了包括悬停在内的解决方案。我的解决方案正是他想要的。真的吗？我因为回答这两个问题而被否决了？“我不知道我为什么要费心去帮助别人，尤其是当他们甚至对他们得到的答案都没有反应的时候。这和关于悬停的问题有什么关系？”詹姆斯蒙塔尼之前问过这个问题，我提供了包括悬停在内的解决方案。我的解决方案正是他想要的。真的吗？我因为回答这两个问题而被否决了？我不知道我为什么要费心去帮助别人，尤其是当他们甚至对自己得到的答案都没有反应的时候。