Css 使用Twitter引导时，如何在textarea monospace中生成文本？

我有以下

textarea

元素：

<form action="/checkit" method="get">
    <textarea class="field span8" id="textarea" name="user_input" 
        rows="20">{{default_data}}</textarea>

    <input type="submit" value="Checker">
</form>

{{default_data}}

---

我刚刚开始使用

bootstrap

，但无法找到在textarea monospace中生成文本的最佳方法。

将以下内容添加到您的textarea标记中应该可以

 style="font-family:monospace;"

或者你可以像这样把它添加到你的css中

#textarea{font-family:monospace;}

---

Twitter引导设置了许多样式特性，覆盖它们并不总是一件小事。但是，对于特定的元素，使用相当特定的选择器（如id选择器）很容易。在您的情况下，

textarea

元素具有

id=“textarea”

，因此您可以使用例如

<style>
#textarea { font-family: Consolas, Lucida Console, monospace; }
</style>

#text区域{字体系列：控制台、Lucida控制台、monospace；}

您可以按首选项的顺序列出任何monospace字体序列，但将最后一个条目

monospace

（不带引号）放在最后，因为这意味着返回浏览器的默认monospace字体

---

在

textarea

中将字体设置为monospace通常不利于可用性，除非预期的输入可能是计算机代码、数字行或其他适合monospace渲染的文本。

在引导中，我们有以下样式：

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

在css中，您需要将其更改为：

#textarea { 
font-family: monospace; 
}

---

因此，对于id，您的文本区域将具有更高的优先级。

从引导4开始，使用“文本单空间”类：

{{default_data}}

使用CSS

textarea{font-family:“Monospace”}

如果它不起作用，请确保没有其他CSS规则覆盖它，否则请使用

！重要信息

在值中，请小心使用。我不希望在所有文本区域中都有文本单空格，只有一个。@DeepakKamat，引号是错误的，除非您希望系统有一个具有特定名称单空格的字体。根据上面的注释，除了需要使用style=“font-family:monospace；”之外，这是有效的。@smithy，很高兴我能提供帮助。有人否决了我的意见：/这可能不是最好的解决方案，因为你应该将代码与样式分离，但它可以工作。也许制作一个类似“textareamono”的类，并长期应用它会是一个更好的主意。你犯了一个错误，mono空间应该是monospace，我对你的帖子进行了编辑，并对其进行了投票。我认为，这是最全面的答案，因此是最好的答案。

<textarea class="field span8 text-monospace" id="textarea" name="user_input" rows="20">
  {{default_data}}
</textarea>