css - 将字体大小应用于 img alt 属性而不影响图像大小

Question

您好，我正在尝试将字体大小设置为 img alt 属性，但它会影响图像大小。

我在 css 中做这样的事情

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


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

任何人都可以帮助我在不影响图像大小的情况下为图像的 alt 属性应用 font-size。

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

Answer 1

alt 属性是图像标签的一个属性，它本身不是一个元素。您无法设置 alt 属性的样式，就像您无法设置 src 属性的样式一样。

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

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

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