Html 如何仅使用css更改div的类

我知道有很多方法可以做到这一点，但这些方法似乎都不适用于我的情况。本质上，我试图编辑一个我不拥有的网站的CSS。我只是觉得它看起来很糟糕，功能也很差，因为我必须每天使用它，我希望它至少在我自己的浏览器上看起来不错。我正在使用Firefox手写笔扩展来添加CSS，但我无法更改已经制作好的CSS或HTML。我基本上可以添加自己的样式表并对其进行优先级排序。举个例子，我将称之为f.com的网站在登录页面上有一个复选框（用来记住你的用户名）。我有一些代码可以使checkbox看起来更漂亮，但是所说的代码适用于checkbox类

//removed all the unnecessary checkbox code
.checkbox {
    /*stuff*/
}

F.com不使用此类类，其复选框使用form group类。我不能将我的代码应用于这个类，因为它在其他地方使用，我会影响那些不是复选框的东西。我想，通过CSS，因为据我所知，我不能使用javascript来更改包含复选框类的div。（我想将其设置为等于checkbox类。）这只是一个示例，因此，尽管我们很欣赏这个特定checkbox案例的替代方案，但它们与我的主要问题无关

编辑：作为一个例子，这就是我在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的类更改为“checkbox”，那么手写笔插件将检测到这一点并更改颜色。我想通过CSS来改变这个类，这样我在F.com上的任何时候都可以这样。同样，这只是一个例子，我更喜欢一个通用的解决方案。

CSS不允许函数式编程，因为它只用于设置HTML等标记的样式。这个过程可以很容易地用Javascript完成，正如您在编辑中所显示的那样

---

由于无法更改HTML以向属性添加新的选择器（如id或类），如果没有对网站文件的正确访问，您将无法从样式表中选择所述HTML元素。

CSS:Cascading Style Sheets。它的全部目的是设计风格。我不认为您可以更改属性或类名等（但它可以编辑伪元素的内容）。所以您认为这是不可能的？请发布您要编辑的此复选框的HTML。@AndrewL64正如我所说，这只是一个示例，复选框不是问题的主要焦点。我将上传HTML。那么你认为我可以在CSS中运行javascript吗？我对这一切都很陌生，因为我不是一个网络开发者，我只是想在一个糟糕的网站上有更好的体验。另外，如果你认为有可能的话，我可以上传一个新的问题来问你。我只是想，如果不可能的话，我们可以在这里和现在澄清一下。不幸的是，不，CSS是严格的样式，不是一种函数式编程语言。它仅用于设置内容的样式。要改变HTML本身，我建议您使用控制台。在chrome中，按f12键，可以使用控制台选择html元素并以这种方式添加样式。查看本页的选择器示例：我假设每次打开网页进行更改时都必须这样做。我不认为这是可行的，但谢谢你澄清这一点。是的，不幸的是，每次从web服务器请求页面时，它都会重置。每次热插拔新请求时，所有样式都会重置。很高兴我能帮忙！