力網頁光標

光標屬性指定當指向一個元素上要顯示光標的類型。

但是，當使用富文本編輯器（使用iframe）處理某些瀏覽器時，我發現元素光標未顯示。 Firefox/Chrome/Safari/Konqueror可以工作，但IE/Opera不能。

有沒有一種方法可以在所有瀏覽器中可靠地設置光標？例如一種設置遊標的方法，不管指向哪個元素。

編輯：光標樣式設置在iframe中的元素上。除IE/Opera無法在iframe中正確檢測懸停事件外，這種方法可行。

2010-06-20 hoju

也許這樣的事情會在你的樣式表工作：

* { cursor:pointer!important; }

我也懷疑你可能需要在文本編輯器的邊框的樣式中應用規則是這樣的。您應該閱讀編輯器的文檔以獲取有關如何操作的說明。

來源

2010-06-20 05:33:07 Sam152

鑑於問題的性質/措辭，這可能是一個有效的答案......但通常我會指出，在大多數情況下使用'！important'是一個壞主意，而應該使用CSS特異性http：///www.w3.org/TR/CSS2/cascade.html#specificity – 2010-06-20 05:48:49

不錯的主意，但IE/Opera仍然不想合作！ – hoju 2010-06-22 01:12:34

鑑於所見即所得編輯器使用和是它自己的文檔，您的CSS不會適用於的內容。

當您使用產生的DOM結構看起來有點像這樣...

<html> 
    <head> 
     <title>iframe example</title> 
     <link type="text/css" rel="stylesheet" href="outer.css" /> 
    </head> 
    <body> 
     <div> 
      The contents of the outer document! 
      <iframe> 
       <html> 
        <head> 
         <title>iframe example</title> 
         <link type="text/css" rel="stylesheet" href="inner.css" /> 
        </head> 
        <body> 
         <div> 
          The Contents of the iFrame! 
         </div> 
        </body> 
       </html> 
      </iframe> 
     </div> 
    </body> 
</html>

...在outer.css定義的規則並不適用於的內容，以及inner.css的內容不適用於外部文檔。

來源

2010-06-20 05:50:52

是的，我在iframe中應用樣式。這就是爲什麼我的解決方案可以在大多數瀏覽器上運行... – hoju 2010-06-21 00:12:49

啊，好點;我錯過了它在大多數瀏覽器中工作的部分。我的錯！ :) – 2010-06-21 11:16:02

回答

相關問題