2010-01-10 83 views
13

我使用FireFox中的Web Developer Toolbar來測試CSS編輯。我想在IE中做同樣的事情,我可以用IE8的開發工具做到這一點。IE8開發工具 - 添加CSS樣式

但是我不能添加風格的開發工具,只有編輯現有樣式 - 是否有任何你們知道的一種方式來編輯CSS一樣可以與克里斯Pedericks網頁開發工具呢?

回答

17

您可以:

  • 添加樣式屬性(右鍵單擊HTML標籤,然後單擊添加屬性(名稱樣式,然後編輯樣式屬性一旦其添加)
  • 單擊CSS標籤,右鍵單擊空白區域,並增加一條規則(這就像添加一行到你的CSS文件)
+0

工作! thx很多:) – timkl 2010-01-10 17:30:55

+4

謝謝。顯然沒有IE8開發者實際上在使用這些工具時使用了這些工具。 – Simon 2014-06-20 11:36:38

+0

將內聯CSS添加到開發工具中的元素時,會導致內聯CSS始終用線劃掉? – mmcrae 2015-11-10 20:00:41

2

我現在在我的Mac上,但我還記得遇到過這種情況。

查看開發人員工具的右側時,您會看到CSS樣式列表。在上面你會看到一些'選項卡':樣式,跟蹤樣式,佈局,屬性。如果我沒有記錯,你不能在樣式選項卡中更改它們。但是您可以在其他選項卡中更改它們。您可能必須通過風格屬性來編輯它們。

1

你可以嘗試firebug lite但它是一個小的工作得到它的設置。

+0

我試過設置Firebug Lite - 但它從來沒有真正的工作 - 似乎錯誤:( – timkl 2010-01-10 17:31:39

12

添加到Gabriel上面提到的內容。

爲了快速添加測試和看到效果,我做了一點不同。

選中HTML選項卡後,選擇Style,Trace Styes和Layout旁邊的「Attributes」面板。

單擊「+」按鈕,開始輸入您想要添加的CSS樣式。新的樣式屬性會自動添加到DOM視圖面板中。

希望這會有所幫助。

0

遵循以下步驟: 1.單擊工具開發商2. 在HTML中選擇元素您要添加CSS 3.選擇屬性選項卡出現在右側 4.添加名稱和值。 檢查你的風格是否適用於html元素。