检测Hover背景图像
提问于 2013-03-09 09:57:54
我有一个输入文本。我添加了一个比输入元素小的背景图像。我只想在图像上方悬停时更改图像。
这是我的css：
#inputBox2{
top:45%;
background-image:url(".\\Images\\arrow.png");
background-repeat: no-repeat;
background-size: 14% 100%;
background-position: right;
}编辑：，我正在尝试这样做：
当我在箭头上方悬停时，我希望它改变颜色，当我点击它时，它应该提交。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-09 10:16:06
不能对元素的一部分使用css :hover。所以基本上，不，你不能做你想做的事。至少不是你想要的方式。
但是，您可以通过使用样式为submit的按钮来达到同样的效果。当用户单击输入文本框背景中的图像时，为什么要提交表单？这在语义上是错误的。
“密码”标签使用<label>标签，密码输入使用<input type="password"/>标记，提交按钮使用<input type="submit"/>标记。然后，您可以使用CSS对submit按钮进行样式化，以达到预期的效果。
Stack Overflow用户
发布于 2013-03-09 10:20:04
您需要一个单独的内联元素(或浮动块元素)，该元素的背景图像设置为箭头。然后，您可以使用:悬停在该元素上。
(或者这个元素可以只是一个具有悬停属性的<image>元素。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15314004
复制相关文章
腾讯云开发者
