2012-02-09 63 views
15

我想在Chrome/Safari中使用CSS禁用拼寫檢查。在HTML spellcheck="false"工程,但我想這樣做會影響所有輸入字段。我試過input{spellcheck: disabled},但這沒有奏效。拼寫檢查禁用CSS而不是HTML

+2

我不認爲這是可能的。 – 2012-02-09 10:18:10

+0

有沒有機會使用JavaScript?否則我不會這樣做。不要判斷可用性的外觀。 – HerrSerker 2012-02-09 10:21:35

+1

有些人說「不是CSS」,但我完全支持這個願望。如果我想要啓用拼寫檢查,但出於我自己的原因,在某些地區不可見的情況下,我應該能夠「隱藏它」。在我的情況下,它是關於顯示而不是打開或關閉內部檢查。 – Pancho 2014-11-26 18:40:12

回答

12

使用jQuery。喜歡的東西:

$(document).ready(function() { 
    $("input[type='text'], textarea").attr('spellcheck',false); 
}); 

這應該搜索所有文本框的和teatarea在網頁上和屬性spellcheck="false"添加到他們。

+0

注意:在Safari上禁用拼寫檢查(在我的情況下是9.1.1版)不會刪除紅色拼寫檢查下劃線波 – 2016-06-25 15:37:26

3

這不屬於CSS領域(這是可選的表示建議)。它不是關於渲染數據的風格特徵,而是交互式處理數據。

在瀏覽器支持「拼寫檢查」(其可能涉及語法和文體檢查)時,HTML屬性spellcheck或相應的IDL(DOM)屬性,可設置在JavaScript中,是有效的。

實際上,這些瀏覽器通常只對textareas默認啓用「拼寫檢查」,並且由於textareas通常包含人類語言文本,因此將其關閉聽起來不太有用。無論如何用戶可以控制(用戶可以關閉它或選擇語言)。

+1

如果您網站的用戶編寫大量URL,文件路徑和代碼,則可能會停用對所有textareas的拼寫檢查在他們 - 例如,如果你有一個錯誤跟蹤網站。輸入變量名稱並將其標記爲拼寫錯誤是煩人的,但拼寫檢查混合代碼和英文時,這是不可避免的。 – 2013-06-19 21:52:06