我知道有一些方法可以做到这一点，但似乎都不适用于我的情况。本质上，我正在尝试编辑我不拥有的网站的CSS。我只是认为它看起来很糟糕并且功能很差，因为我每天都必须使用它，我希望它至少在我自己的浏览器上看起来不错。我正在使用Firefox Stylus扩展来添加CSS，但是我无法更改已经制作的CSS或HTML。我基本上可以添加自己的样式表并确定其优先级。举个例子，我称之为f.com的网站在登录页面上有一个复选框(用于记住您的用户名(。我有一些代码可以使复选框看起来更好，但所述代码适用于复选框类。
//removed all the unnecessary checkbox code
.checkbox {
/*stuff*/
}
F.com不使用此类，其复选框使用窗体组类。我无法将我的代码应用于此类，因为它在其他地方使用，并且会影响不是复选框的内容。我想通过CSS，因为据我所知，我不能使用javascript，更改包含复选框类的div。 (我想将其设置为等于复选框类。这只是一个例子，所以虽然这个特定复选框案例的替代方案是值得赞赏的，但它们与我的主要问题无关。
编辑：举个例子，这就是我在javascript中看到它的方式。
document.getElementById('div id').className = "checkbox";
编辑：根据要求，这是当前复选框的HTML。
<div class="form-group">
<input class="" data-val="true" data-val-required="The RememberUsername field is required." id="RememberUsername" name="RememberUsername" type="checkbox" value="true"><input name="RememberUsername" type="hidden" value="false">
<label for="RememberUsername">Remember My Username</label>
</div>
如果我检查页面并将div 的类更改为"复选框"，Stylus 插件将检测到并更改颜色。我想通过 CSS 更改类，以便它可以随时看起来像这样F.com。同样，这只是一个例子，我更喜欢通用解决方案。
CSS不允许函数式编程，因为它仅用于样式标记，如HTML。这个过程可以很容易地在Javascript中完成，就像你在编辑中显示的那样。
由于无法更改 HTML 以向属性添加新的选择器(例如 id 或类(，如果没有对网站文件的适当访问权限，您将无法从样式表中选择所述 HTML 元素。