当您将鼠标悬停在input type='image'
上方时,会出现边框,然后在离开图像时消失。但不仅仅是能见度,它的间距也会丢失。我希望我的图像保持静止位置,但仍然可以从出现的边框中受益。因此我只希望它改变颜色。是否可以在悬停之前显示边框?这是我试图避免的形象。
答案 0 :(得分:2)
在图像上设置边框宽度,但没有颜色,然后在悬停时设置颜色。这将确保图像周围始终存在固定宽度的边框,因此在悬停时不会移动图像位置。
input[type="image"]
{
border:solid 3px transparent;
}
input[type="image"]:hover
{
border-color:#ff0;
}