Twitter Bootstrapを使用しているときにテキスト領域のモノスペースでテキストを作成するにはどうすればよいですか？

Question

私は、次の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> 

私はちょうどbootstrapを使用して開始しているが、テキストエリアのモノスペースのテキストを作成するための最良の方法を考え出すことはできません。

Answer 1

style="font-family:monospace;" 

を動作するはずです、あなたのtextareaタグに以下を追加するか、他あなたはこの

#textarea{font-family:monospace;} 

Answer 2

TwitterのブートストラップのようなあなたのCSSに追加することができますことは、多くのスタイリングの機能を設定し、そうではありませんそれらを無効にすることは常に些細なことです。しかし、特定の要素については、idセレクターのような非常に特殊なセレクターを使用すると簡単です。あなたの場合、textarea要素はid="textarea"です。

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

あなたは好みの順に等幅フォントの任意のシーケンスを一覧表示するが、それはブラウザのデフォルトの固定幅フォントにフォールバックを意味するので、最後の（引用符なし）最後のエントリmonospaceを作ることができます。

textareaでフォントをモノスペースに設定することは、一般的に有用ではありません。予想される入力が、モノスペースレンダリングに適したコンピュータコード、行数、またはその他のテキストでなければです。 idで

#textarea { 
font-family: monospace; 
} 

だから、あなたのtextarea高い優先順位を持つことになります：あなたにこれを変更する必要がありますあなたのCSSで

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

：ブートストラップで

Answer 3

我々はスタイルを持っています。