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

我使用SquareSpace建立一个醒目网页我的网站，而我已经能够把事情做好，这最后一件事斑块我。

我试图拥有它，所以当你在提交字段中输入你的电子邮件时，它使用字体Cutive Mono，就像我用于框上方的文本一样。

到目前为止，我有这样的：

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

虽然我不希望它是琥珀色的，我是用颜色搞乱，以确保我是用正确的项目工作。文字在我输入时改变颜色，但字体不会改变。我在这里错过了什么？

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

尝试使用'！important' – asprin 2013-03-22 17:02:40

您的其他款式优先于此。使用

font-family: cutive mono !important;

要测试。

2013-03-22 17:02:33

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

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

如果这有效，那么它将被重写在CSS的某处。

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

我试过了一个基本的例子：http://jsfiddle.net/n4S3s/这似乎工作正常。

2013-03-22 17:05:11 97ldave

是的。 important!工程。我只是不知道这一点，但这里是

2013-03-22 17:05:36 asprin

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

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

堆栈溢出是一种快速获取问题的方式，但开发人员工具快速得多更快！ :-)

2013-03-22 17:10:35

回答