自定义字体的 jQuery 颜色更改在 Firefox 中正常工作,但在 Chrome 中却不起作用?

标签 jquery html css fonts

我正在使用鼠标悬停时的 jQuery 脚本更改自定义字体的颜色:

$(this).css({
   color: "#" + color
});

我的自定义字体有一个相当大的“R”,因此颜色没有填满整个字母。我怎样才能解决这个问题?这只是 Chrome 的问题,FF 下工作正常...

Firefox

Chrome

火狐#1 Chrome #2

最佳答案

这似乎是 WebKit 问题,因为我可以在 iPad 上重现它。 您应该报告错误。要解决此问题,您可以使用元素的样式规则。我通过添加更大的 line-height 属性来修复它。

您更新的 fiddle :http://jsfiddle.net/ca3rT/3/

关于自定义字体的 jQuery 颜色更改在 Firefox 中正常工作,但在 Chrome 中却不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13546190/

相关文章:

javascript - 如何在 html select 中使用 bootstrap 4 popover

javascript - 我如何附加表格(tr th : even and tr td:even and th:odd and td:odd) to a new table

html - jQuery:点击功能时切换旋转div

javascript - 单击 "no submit"按钮形成帖子

javascript - Angular js 表单输入中的 $isEmpty 功能

jquery - 基于容器宽度的图像缩放

html - 为什么该网站允许我向右滚动?

php - 打印带有页眉页脚内容的 html 页面

javascript - ImageMapper Beatles 演示无法在 jsFiddle 之外运行

javascript - 创建一个带有 Clipped overflow 的 'trapezium' 形状的 div