ImageButton和输入类型=“图像”边框仅出现在悬停上

时间:2013-02-21 15:56:55

标签: html css imagebutton

当您将鼠标悬停在input type='image'上方时,会出现边框,然后在离开图像时消失。但不仅仅是能见度,它的间距也会丢失。我希望我的图像保持静止位置,但仍然可以从出现的边框中受益。因此我只希望它改变颜色。是否可以在悬停之前显示边框?这是我试图避免的形象。

1 个答案:

答案 0 :(得分:2)

在图像上设置边框宽度,但没有颜色,然后在悬停时设置颜色。这将确保图像周围始终存在固定宽度的边框,因此在悬停时不会移动图像位置。

input[type="image"]
{
   border:solid 3px transparent;
}

input[type="image"]:hover
{
   border-color:#ff0;
}

现场演示: http://jsfiddle.net/rAPds/