使用setattribute改變顏色（在聊天中）

-1

我想更改頁面younow的聊天窗口fontcolor/fontsize。我嘗試了2'cssText'樣本，但是我無法將字體顏色更改爲RED。如何將聊天窗口字體顏色更改爲RED？我使用Firefox和greasemonkey。使用setattribute改變顏色（在聊天中）

sample 1: 
document.getElementById("chatcomments").style.cssText = 'font-size: 36px; color: red !important;' 

sample 2: 
document.querySelector(".chatcomments span").style.cssText = 'font-size: 36px; color: red !important;'

click to see the chatimage

來源

2017-04-09 Heiko

您是否試圖使瀏覽器擴展/自定義JavaScript來修改頁面客戶端？ – cybermonkey

它有可能是另一種風格與它相沖突嗎？這可能是因爲樣式表爲樣式設置了一個重要的元素。 – MarkyPython

@cybermonkey：是我想製作一個自定義的JavaScript（我使用的是Firefox和greasemonkey） – Heiko

如果您使用JQuery，你可以使用css功能，像這樣：

$(".chatcomments > span").css("color", "red");

你不需要，如果它已經被設置爲重新設置font-size。另一個問題是，.chatcomments span不會工作，因爲它們是兩個不同的東西;相反，>將工作：.chatcomments > span。

這也是更好地使用RGB或十六進制值，而不是顏色名稱，例如：

$(".chatcomments > span").css("color", "#EE4B38"); //RGB 
$(".chatcomments > span").css("color", "rgb(238, 75, 56)"); //Hex

在你試圖創造Tampermonkey或Greasemonkey的自定義客戶端腳本的情況下（它看起來像你），你必須使用// @require導入的JQuery源（as seen in this answer）：

// @require http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

來源

2017-04-09 11:50:18 cybermonkey

如何在greasemonkey中使用您的JQuery代碼？我使用Firefox和greasemonkey。 – Heiko

@Heiko看我的編輯。 – cybermonkey

您的JQuery代碼不起作用 - 您是否在younow.com上嘗試了您的代碼？ – Heiko

你需要特定的風格對象的屬性：

document.getElementById("chatcomments").style.color = "red"; 
document.getElementById("chatcomments").style.fontSize = "30px";

來源

2017-04-09 12:10:54

回答

相關問題