javascript - Joomla 1.5/CK 表格 : Need help debugging font size on javascript tooltip

标签 javascript css firebug joomla1.5

我有一个安装了 CK Forms 的 Joomla 1.5 网站。一切正常,但验证码上有一个工具提示无法正确显示。它以 1px 字体大小显示。如果我尝试调试 Firebug 中的元素,则字体设置正确。它有两个属性:

#ckformcontainer .ckform div.error {
  display: none;
  font-size:12px;
}

如果我尝试使用 Firebug 删除 display:none 那么它会正确显示,但是当使用翻转时字体真的很小。看看这里:

https://www.autismworks.co.uk/expressionofinterest

滚动到底部并在验证码附近寻找“i”。

到目前为止,我已经确定 1px 字体大小实际上来自 body 元素,尽管它被其他样式覆盖了?!

元素是:

<div id="errorck_captcha_code" class="error"> Please try to enter the captcha again, the code was not accepted this time. </div>

我在 Windows 7 上使用 Firefox 9.0.1(将升级以进行测试),但这似乎也发生在 IE 中。

最佳答案

您需要设置一个 CSS 规则来强制 .tool-tip 为更大的字体大小。这将解决它:

.tool-tip {
    font-size: 14px !important;
}

将它放在您的一个 CSS 文件中。

关于javascript - Joomla 1.5/CK 表格 : Need help debugging font size on javascript tooltip,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10982770/

相关文章:

javascript - 根据从表单中选择的值在屏幕上显示数据

javascript - Bootstrap 模式无法与我的 ajax 代码一起正常工作

javascript - 如何显示具有上边距的 Material UI 抽屉

jquery - 文本溢出省略和展开不起作用

css - Firebug 布局选项卡与 Firefox 响应式工具不一致

javascript - 让我的浏览器调试器在地理定位时中断

javascript - 链接组件在位置相同时更新浏览器历史记录

javascript - 如何清除时间字段选择?

html - 如何在 Bootstrap 4 的卡片中将文本放置在图像叠加层的底部

javascript - 是否可以检测何时设置内联样式属性?