搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

How to remove any instance of "border-radius: 100%;" on a certain website?

more options

I want to disable this line from appearing in the inspect element on one website only. How do I make firefox do this automatically? If possible, just make it an addon because IDK how and I dont know how to code. Not going to learn.

Has to work in firefox 28, and I only want to prevent Firefox from loading this line.

I want to disable this line from appearing in the inspect element on one website only. How do I make firefox do this automatically? If possible, just make it an addon because IDK how and I dont know how to code. Not going to learn. Has to work in firefox 28, and I only want to prevent Firefox from loading this line.
附加的畫面擷圖

由 polobob 於 修改

所有回覆 (5)

more options

oh it has to work for firefox 28, not going to update ever.

more options

Hmm, I'm not aware of any way to do that.

Why don't you want to see it? The purpose of having the rule with a line through it is to show you that Firefox has disregarded that particular style rule and is applying a later or more specific one for the border-radius property instead.

more options

Or... did you uncheck it manually because you don't like the effect of that rule, and now you want a way to disregard that rule automatically?

more options

jscher2000 said

Or... did you uncheck it manually because you don't like the effect of that rule, and now you want a way to disregard that rule automatically?

Yes, and I prefer seeing avatars in square form rather than circles.

more options

Aha, okay, you can use a custom style rule to hack the page. I realize this kind of looks like coding, but the code is already written, so it's more like copying and pasting.

First, you can install the Stylish extension. This add-on makes it easier to apply custom style rules to pages (and, if necessary, Firefox's UI). You can get it here: https://addons.mozilla.org/firefox/addon/stylish/

Second, you'll need to select and copy this six-line style rule:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.mineheroes.net") {
  .avatar img, .avatar .img, .avatarCropper {
      border-radius: 2px !important;
  }
}

Third, load up a thread in the site and look for the Stylish "S" icon on the toolbar. (If necessary, you can use the Customize feature to add it to the toolbar temporarily. See: Customize Firefox controls, buttons and toolbars.)

Click the S, then Write New Style, then Blank Style.

A new tab should open with the cursor next to "1" (the line number counter).

Paste the rule you copied earlier and click Preview.

When you switch back to the forum, the avatar icons should be (mostly) square again.

I have attached a screen shot showing what that should look like. (To shrink the rule editor to a small box, I first right-clicked the tab and used Move to New Window.)

Assuming it worked, you can switch back over the Stylish editor, give your rule a name, and save it.

Any luck?