2013-02-06 94 views
3

根據MDN,元素上的-moz-user-select屬性也將在所有子元素上設置。它還規定用戶選擇可以在使用-moz-user-select:text的子元素上重新啓用。如何在輸入字段上重新啓用文本選擇

我不能得到這個工作在我的輸入元素在Firefox中,但它在Chrome中工作。任何想法如何解決這個問題?

例如:http://jsfiddle.net/NBNpF/3/(儘量將焦點放在輸入框中,它只能在Chrome中使用,而不能在Firefox中使用)。我正在使用FireFox 18.0.2

+0

我不能理解這裏的問題,我所看到的是它在FF中工作,而不是在chrome中工作,因爲class'unselectable'潛水,所以無法在FF中選擇它,但是當我改變它時,可選擇「在ff中再次選擇工作。 –

+1

@ Al-Mothafar:在我的計算機上,只能在Chrome中的輸入字段中選擇文本,而不是在FF中。這是否是你的另一種方式? – Espo

+0

我和@Espo一樣。 – BenM

回答

2

我發現我認爲的解決方案,關鍵是用替換爲-moz-user-select: -moz-none;

所以你的CSS必須像:

.unselectable { 
    -moz-user-select: -moz-none; 
    -webkit-user-select: none; 
} 

我更新您的jsfiddle:http://jsfiddle.net/NBNpF/7/

我希望這有助於。

相關問題