css - 填写提交表单时如何选择使用哪种字体？

Question

地点：

我正在使用 SquareSpace 为我的网站构建一个启动页面，虽然我已经能够弄清楚一切，但最后一件事让我印象深刻。

我正在尝试使用它，因此当您在提交字段中输入电子邮件时，它使用 Cutive Mono 字体，就像我在框上方的文本中使用的一样。

到目前为止，我有这个：

input[type=text] {
color: #cc5723;
font-family: cutive mono;}

虽然我不希望它是那种琥珀色，但我正在弄乱颜色以确保我使用的是正确的物品。当我键入时，文本会改变颜色，但字体不会改变。我在这里想念什么？

如果这是一个愚蠢的问题，我是一个完整的新手，很抱歉！我已经在网上到处找了，但似乎没有任何效果。谢谢！

score 1 · Accepted Answer

我怀疑它被另一种 CSS 样式所覆盖。尝试使用：

input[type=text] {
color: #cc5723;
font-family: cutive mono !important;}

如果这有效，那么它将在您的 CSS 中的某处被覆盖。

注意：!important应该只用于测试。这不是一个解决方案。

我在这里尝试了一个基本示例：http: //jsfiddle.net/n4S3s/似乎工作正常。

score 0 · Accepted Answer

其他答案是正确的；CSS 中的其他样式会覆盖这个样式。我不确定我喜欢用!important强制风格；我认为这是最后的手段。但它对测试有好处。

但更重要的是，您想知道如何自己解决这个问题吗？在 Chrome（或任何浏览器）中使用开发者工具。只需右键单击输入元素并选择“检查元素”。然后查看右下角的 Styles 面板，您可以看到对该元素有效的样式，以及它们来自哪些 CSS 规则。您还可以暂时关闭任何样式、编辑样式等。

Stack Overflow 是一种快速回答问题的方法，但开发者工具的速度要快得多！:-)

score 0 · Accepted Answer

0

您的其他样式优先于此。利用

font-family: cutive mono !important;

去测试。

于 2013-03-22T17:02:33.993 回答

score 0 · Accepted Answer

0

是的。important!作品。我只是不确定，但这里是

于 2013-03-22T17:05:36.013 回答

4 回答 4