在不影响图像大小的情况下，将字体大小应用于img alt属性

Question

嗨，我正试图将字体大小设置为imgalt属性，但它会影响图像大小。

我正在css 中做这样的事情

---
HTML Code:
<img alt="Some Text" src="http://www.someimage.com/img/010.jpg">

CSS:
img[alt]{font-size:0.75em;}
---

有人能帮助我在不影响图像大小的情况下为图像的alt属性应用字体大小吗。

请注意，我不想使用Javascript。纯CSS

Answer 1

alt属性是image标记的一个属性，它本身不是一个元素。您不能为alt属性设置样式，这与您不能为src属性设置样式非常相似。

当您在CSS中使用img[alt]作为选择器时，您的目标不是图像标记的alt属性，而是任何具有alt属性的图像标记。当您设置图像标签的字体大小时，它自然也会影响图像标签。

如果你的意思是，你想设置一些浏览器在悬停图像时显示的工具提示的样式，你不能这样做。工具提示是浏览器中的一个实现细节，HTML中没有任何内容表明alt属性应该以这种方式使用，因此HTML中没有控制该功能的方法。

alt属性的目的是在无法显示图像的情况下向用户显示一些内容。

Answer 2

在我的个人测试中，在图像上设置字体大小属性对图像没有影响。

不过，我可以调整alt文本的大小。起初，我尝试将HTML放入alt属性中，但它显示为纯文本，而不是HTML。然后，我将包含alt文本的图像包装在带有样式的span标记中，这起到了作用，因为图像继承了span的字体大小。

这里有一个例子：

<span style="font-size: 0.75em">
    <img alt="Some Text" src="http://www.someimage.com/img/010.jpg">
</span>

Answer 3

请参阅关于alt属性的答案。

Answer 4

我可能错了，但我认为它只能从用户的显示属性设置中控制，不能通过css进行修改。