javascript - 在悬停期间更改 Div 的边框

<分区>

关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。

这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

关闭 7 年前。

我有一个简单的 div。

<div id="sample"></div>

我使用下面的代码使它的边框透明:

var sample_div =  document.getElementById('sample');
sample_div.style.borderColor = 'transparent';

我想在鼠标悬停时将 div 的边框设为蓝色。下面是我的 CSS 代码:

#sample:hover{ 
    border: 1px solid blue;
    border-color: blue;

}

我的 css 代码不起作用。当鼠标指针悬停时它不会改变颜色。它保持透明。为什么？

最佳答案

您不需要 JS，您的 ID 不匹配。

#sample{
  background: #eee;
  height: 30px;
  width: 40px;
  border: 1px solid transparent;
}

#sample:hover{ 
    border-color: blue;
}

关于javascript - 在悬停期间更改 Div 的边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34330858/

相关文章：

javascript - 自动调整固定图像的大小，以适应内容