使用在图像周围添加边框
img
{
border-color: #bbbbbb;
}
图像在 html 中定义,例如
`<img src="/Thumb?product=CPU-EP0520EL01">`
根据浏览器图像属性,图像大小为 130x130 像素。在 Firefox 和 Chrome 中不出现边框。
Firebug 检查元素样式选项卡显示样式已正确应用:
img {
border-color: #BBBBBB;
}
.category-list li a, ul#category-list li .button {
font-size: 11px;
}
a:link, a:visited {
color: #A80000;
font-weight: bold;
}
.category-list li {
text-align: center;
}
.category-list {
list-style: none outside none;
}
body {
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
}
在 Internet Explorer 9 中正确显示边框。使用 Jquery ui 默认样式。我将 ui-corner-all 类添加到 img 元素,但问题仍然存在:未显示边框。(在这种情况下,IE9 会正确显示圆角边框)。
如何在 Chrome 和 FireFox 中显示图像周围的圆形边框?