当鼠标悬停在输入元素的文本上时,如何在IE中触发CSS悬停事件?

Mat*_*man 6 html css internet-explorer

使用IE下面的HTML,如果我将鼠标悬停在单词"Test"上,我无法将输入的背景变为红色.但是,如果我将鼠标悬停在单词"Test"右侧的区域上,但仍然在输入元素的范围内,则会变为红色.这在Firefox或Chrome中不会发生.定义我的样式以使其在IE中正常工作的正确方法是什么?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title></title>
    <style type="text/css">
        input { border: 0px; margin:0; padding:0; }
        input:hover { background: red }
    </style>
  </head>
  <body>
    <input type="text" value="Test" />
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Jor*_*dan -1

IE 仅支持 :hover 在链接上。你必须用js改变样式。

  • 惊人的。我必须记住 IE != IE 6 (3认同)