1. 首頁
  2. 問答
  3. 強制HTML textarea使用CSS使用等寬字體

強制HTML textarea使用CSS使用等寬字體

2010-01-09 144 views

回答

79

如果我理解正確的，它應該已經繼承默認用戶代理樣式，但如果你要明確，只是指定FONT-FAMILY（從樣式＃1力壓樣式）

textarea { 
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; 
}

指定首先是更具體的（特定於空間的）字體系列，如果用戶代理沒有可用的字體，它將繼續嘗試它們直到結束，在這種情況下，它將默認爲該元素的默認用戶代理字體系列，如果有的話被指定。

來源

2010-01-09 07:07:40

+11

您可能要添加一個'等寬'去最後，如果沒有指定其他指定的存在，則獲取默認的後備等寬字體。 – 2010-01-09 07:10:52

+0

啊錯過了;我的眼睛欺騙了我，我認爲它在那裏。 – 2010-01-09 07:12:19

+0

啊。我有font-family：「monospace」;我敢打賭，這是引起混亂的報價。 – 2010-01-09 07:17:15

8

只需使用等寬字體。例如，對於類似：

<textarea id="mytextarea"></textarea>

的CSS將是：

#mytextarea { 
    font-family: monospace; 
}

如果你想使用一個特定的等寬字體，你可以，但不要忘記在加入通用「等寬」在結束的情況下，用戶沒有安裝你喜歡的字體：

#mytextarea { 
    font-family: 'DejaVu Sans Mono', monospace; 
}

來源

2010-01-09 07:08:49 slebetman

17

您也可以使用標準的通用font-family: monospace，但要小心 - 有一些嚴重的在Chrome，Safari和任何基於WebKit的任何副作用（遺憾）。

看到：

來源

2010-01-09 07:09:48

+4

+1用於關於不一致的瀏覽器默認值的警告;幸運的是，這個應用程序是專門針對程序員的（在我們公司裏），他們可以根據自己的願望設置他們的瀏覽器字體。 – 2010-01-09 07:28:29

+0

好提示！重要的警告！ – nilsun 2016-04-08 16:36:05

+0

爲了避免瀏覽器做大部分問題，可以使用'font-family：monospace，monospace;'。 – 2017-10-25 01:53:16

0 
textarea 
{ 
font-family: monospace; 
}

您可能需要添加一個重要的，如果沒有工作

textarea 
{ 
font-family: monospace !important; 
}

來源

2010-01-09 07:10:41 Gazzer

+5

-1使用'！important'作爲創可貼。 – 2011-11-03 18:19:12

相關問題

 相關問題