IE10 平臺預覽 4 包括一個新的 CSS 屬性的支持-ms-user-select
,這使得 Web 開發者控制完全可以選擇什么的文本,在其網站上更容易。如果你是看我一整天都在我的工作站,您會注意到我讀計算機上時,我選擇的文本。我不是只有一個人讀起來像這 ;選擇文本在互聯網上是重要在很多其他方案。
考慮一個典型的新聞網站。大多數網頁將包括新聞文章,其中,用戶需要能夠選擇,因為他們讀通過選擇文本或因為他們想要共享內容的內容。此外在新聞網頁上有一些菜單和鏈接到網站的其他部分。用戶可能不需要選擇這些項目。使用-ms-user-select
,Web 開發人員可以指定所選文本是新聞文章中允許使用,但不是允許在菜單中。
IE 試駕站點包括執行此操作的示例。
設置-ms-user-select:none
上整個頁面,然后設置 -ms-user-select:element
元素包含在博客上后允許只被選中的博客文章的內容。-ms-user-select:element
是一個新的屬性,首先引入的 IE,我們認為可以在很多情況下有用。設置-ms-user-select:element
意味著用戶可以選擇該元素的文本,但是,所選內容將受到限制的元素范圍。人想選擇新聞文章的內容可能不想選擇頁腳元素,只是過去的文章。設置-ms-user-select:element
可以輕松地為用戶只是選擇文章的內容,而不必擔心會變鼠標放置完全正確。
-ms-user-select
接受四個值:
- 文本是可選擇的
text
— — element
— — 文本是可選的、 限制為元素的邊界none
— — 文本不可選auto
— — 如果元素包含可編輯文本的輸入的元素或 contenteditable 元素,如文本是可選。否則選擇由父節點的值確定。
auto
是的默認值為-ms-user-select
.
開發人員可以通過設置關閉文本選擇-ms-user-select
為none
。在 IE,當文本設置為-ms-user-select:none
,用戶將無法啟動所選文本的那塊內。但是,如果用戶開始選擇在頁的不同區域中的文本,選擇將持續至任何頁面包括地區的區域位置-ms-user-select
為none
。在 Firefox,如果開發人員設置–moz-user-select:none
然后選擇在這一領域無法啟動,并且也不能包含在任何其他選擇。在 Webkit,設置–webkit-user-select:none
會使它顯示,如果文本不是包含在所選內容,但是如果您復制并粘貼內容,您將看到內容包括在選定內容中。
user-select
了原先建議在用戶界面的 CSS3模塊 ;此模塊以來已取代了CSS3 基本用戶界面模塊,但它并不定義該屬性。Mozilla和Webkit支持自己的此屬性的前綴的版本。然而,如上所述,有了實現的一些差異。
玩IE 試駕站點上的示例,讓我們知道你的想法。
— — 沙龍紐曼,程序管理器、 Ie 瀏覽器