如何设置替代文本颜色的样式？答案

【问题标题】：How to style alt text color?如何设置替代文本颜色的样式？
【发布时间】：2012-01-28 10:35:15
【问题描述】：

我想设置地图区域图像的 alt 文本颜色 -> alt="Victoria's Secret" 默认是蓝色的，但我想是红色的！我尝试了一些没有成功的方法......有什么帮助吗？

这是我的代码：

<map name="Map" id="Map">
        <area shape="rect" coords="22,4,126,50" href="http://www.victoriassecret.com/" target="_blank" alt="Victoria's Secret"/>

【问题讨论】：

标签： html text alt

【解决方案1】：

与流行的看法相反，“替代文字”不是悬停在项目上时显示的系统生成的消息。您在其中看到的文本是在元素的 title 属性中设置的，无法设置样式。

但是，实际的 alt 文本，即未加载图像时显示的文本，可以像在任何其他元素中设置文本一样设置样式。例如：

img { color: red; text-align: center; }

将使替代文本变为红色并在容器内水平居中。

然而，如果这根本不是您的意思，而您的意思是系统生成的工具提示，您将需要遵循 ose 的建议并创建一个自定义工具提示，这可能需要比你预想的多一点。

不过，我建议您使用纯 HTML/CSS 工具提示，因为并非每个人都启用了 JavaScript。这似乎还不错，我刚刚在 Google 上搜索了一下：Pure CSS Tooltips

【讨论】：

好的，我可以更改 img alt 文本颜色（当图像未加载时，我可以显示此图像的 alt 文本并且我可以制作样式）但就我而言，我有图像，我使用图像上的区域图，链接此图像，并将替代文本添加到区域图。这段文字我无法着色...
在实际玩了一下地图和区域之后，恐怕您实际上无法设置样式和区域元素。：/我无法获得要显示的区域元素的替代文本。我相信 alt 标签只适用于不支持 area 标签的浏览器。
我在我的一个网站上使用此规则，自定义颜色适用于桌面浏览器，但不适用于移动设备：img { width: 256px; color: red; text-align: center; font-style: italic; }

【解决方案2】：

您能否更具体地说明您的目标平台、语言等。

我假设您正在尝试更改 HTML 页面中的替代文本。

很遗憾，这是不可能的see here，因为替代文本是由浏览器/操作系统设置的。

除此之外，替代文字通常用于提高网站的可访问性。即使您可以更改它，您也应该不理会它。

如果你想创建一个工具提示（弹出文本），那么有很多 DHTML 脚本可以做到这一点such as this

【讨论】：