2012-04-25 21 views
0

我們都知道,當我們在瀏覽器中選擇一個文本部分,它的背景色改爲藍色。我已經使用:: selection僞元素來改變背景顏色,如下面的代碼。有沒有辦法來改變背景顏色當用戶選擇瀏覽器文本(IE9的版本以下)

::selection { 
    background: pink;color: yellow; 
} 
::-moz-selection { 
    background: pink;color: yellow; 
} 

看到我的例子here 但::選擇不爲IE9支持以下versions.Please檢查瀏覽器兼容性表提供一次this page。我需要在IE9以下版本中應用相同的屬性。任何人都可以告訴我做這個的另一種方式。在此先感謝

+0

這一點我們已經要求在一週... http://stackoverflow.com/questions/10249116/做改變顏色,在文本選擇功能於IE9 – BoltClock 2012-04-25 09:15:09

+0

http://stackoverflow.com/questions/824383/how-to-change-the-selected-text-color-in-internet-explorer 看一看這裏。之前詢問過 – Tyde 2012-04-25 09:17:34

+0

@ BoltClock'saUnicorn我看過很多網站,我找不到任何解決方案,但我需要爲所有瀏覽器(包括IE9以下版本)應用相同的屬性。我無法改變這個要求。 Plz幫助我 – Valli69 2012-04-25 09:22:31

回答

0

的一種方式,你可以使用jQuery

<script type="text/javascript"> 
$('document').ready(function(){ 
$("#textfield").focus(function() { 
$('.class').css(' background-color','#ffe823'); 
}); 
}); 

<input type="text" class="class" name="textfield" id="textfield" > 
+0

感謝您的迴應。但是,如果用戶使用選項卡和箭頭鍵選擇文本,則... – Valli69 2012-04-25 09:43:02

+0

我試過你的答案。當我選擇文本的任何部分時,整個背景顏色都會改變。但是我只需要改變選定文本的背景。這是[例](http://jsfiddle.net/VVrTW/1/),我已經嘗試使用你的答案 – Valli69 2012-04-25 09:52:36

+1

現在試試這個我編輯代碼,讓我知道它的作品完美與否 – 2012-04-25 10:00:05

相關問題