我可以使用CSS为图像的ALT文本设置样式吗？

Question

我有一个深蓝色的页面,当图像加载(或丢失)时,ALT文本是黑色的,难以阅读(在FF中).

我可以将它(用CSS)设计为白色吗？

Answer 1

设置img标签color有效

img {color:#fff}

http://jsfiddle.net/YEkAt/

body {background:#000022}
img {color:#fff}

<img src="http://badsrc.com/blah" alt="BLAH BLAH BLAH" />

Answer 2

你当然可以!

http://jsfiddle.net/VfTGW/

我这样做作为标题徽标图像的后备,我认为某些版本的IE将无法遵守.编辑:或Chrome显然 - 我甚至没有在演示中看到替代文字(？).Firefox运行良好.

img {
  color: green;
  font: 40px Impact;
}

<img src="404" alt="Alt Text">

Answer 3

您不能直接在 css 中设置 alt 属性的样式。但是 alt 将继承 alt 所在项目的样式或其父项继承的样式：

    <div style="background-color:black; height: 50px; width: 50px; color:white;">
    <img src="ouch" alt="here i am"/>
    <div>

在上面的例子中，替代文字将是黑色的。但是对于 color:white 替代文字是白色的。