css - 使用 Firefox 浏览器覆盖特定的内联样式？

Question

我需要使用 Firefox 中实用的客户端解决方案覆盖特定网页的内联样式。我无权访问源代码。我曾经使用Firefox开发工具手动修改页面源代码。

更具体地说，我访问一个带有表单的网页以上传文件，但“提交”按钮的可见性设置为“隐藏”。我需要覆盖的内联样式是:

<input type="submit" name="submit" value="Upload selected file" style="visibility: hidden">

有没有办法在 Firefox 浏览器中永久覆盖此表单提交按钮的“隐藏”值？曾经有一段时间，特定的 Firefox 扩展(我不记得它的名字了)能够执行这样的事情......

Answer 1

您可以使用 !important 应用您的 CSS，您无需更改输入标签的 HTML。

http://jsfiddle.net/dqzryyxo/

input[type=submit] {
  visibility: visible !important;  

}