Replace hourglass icon without changing ui.prefersReducedMotion 的最新解答https://support.mozilla.org/zh-TW/questions/13353762021-05-13T01:41:06-07:00This forum sometimes butchers code, so if you don't mind, you could paste your userChrome.css file c2021-05-13T01:41:06-07:00jscher2000https://support.mozilla.org/zh-TW/questions/1335376#answer-1412573<p>This forum sometimes butchers code, so if you don't mind, you could paste your userChrome.css file contents on a site like the following and then post a link to your shared paste back here:
</p><p><a href="https://pastebin.com/" rel="nofollow">https://pastebin.com/</a>
</p><p>There is a selector for "Syntax Highlighting" that you can change to CSS to make it easier to read.
</p>Thank you for your replies. Unfortunately none of these solutions worked for me. There might be a co2021-05-12T17:19:34-07:00anca.suciuhttps://support.mozilla.org/zh-TW/questions/1335376#answer-1412515<p>Thank you for your replies. Unfortunately none of these solutions worked for me. There might be a conflict in the .css file (I should mention that I have changed the appearance of tabs, making them more rounded and I have changed the colour of the bookmarked folders to yellow).
</p><p>I could copy/paste my userChrome.csss file here, if anyone would be willing to take a look. Many thanks!
</p>If you keep the reduced motion setting set to 1, there are some ideas in this thread:
https://old.r2021-05-10T09:03:38-07:00jscher2000https://support.mozilla.org/zh-TW/questions/1335376#answer-1412045<p>If you keep the reduced motion setting set to 1, there are some ideas in this thread:
</p><p><a href="https://old.reddit.com/r/FirefoxCSS/comments/i0p219/any_way_to_restore_just_the_animated_tab_throbber/" rel="nofollow">https://old.reddit.com/r/FirefoxCSS/comments/i0p219/any_way_to_restore_just_the_animated_tab_throbber/</a>
</p>I tested my own code from that time and it still works in Firefox 88 on Linux.
You may have to adjus2021-05-10T08:14:09-07:00cor-elhttps://support.mozilla.org/zh-TW/questions/1335376#answer-1412033<p>I tested my own code from that time and it still works in Firefox 88 on Linux.
You may have to adjust some property values.
</p>
<pre>/* <a href="https://searchfox.org/mozilla-release/source/browser/themes/shared/urlbar-searchbar.inc.css" rel="nofollow">https://searchfox.org/mozilla-release/source/browser/themes/shared/urlbar-searchbar.inc.css</a> */
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
--urlbar-height: 28px !important;
--urlbar-toolbar-height: 30px !important;
width: 100% !important;
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
}
#urlbar[breakout][breakout-extend] &gt; #urlbar-input-container,
#urlbar-input-container {
height: var(--urlbar-height) !important;
width: 100% !important;
padding-block: unset !important;
padding-inline: unset !important;
transition: none !important;
}
#urlbar[breakout][breakout-extend] &gt; #urlbar-background {
animation: none !important;
}</pre><hr>
<ul><li><a href="https://www.userchrome.org/what-is-userchrome-css.html" rel="nofollow">https://www.userchrome.org/what-is-userchrome-css.html</a>
</li><li><a href="https://www.userchrome.org/how-create-userchrome-css.html" rel="nofollow">https://www.userchrome.org/how-create-userchrome-css.html</a>
</li></ul>
<p>In Firefox 69 and later you need to set this pref to true on the <b>about:config</b> page to enable userChrome.css and userContent.css in the chrome folder.
</p>
<ul><li>toolkit.legacyUserProfileCustomizations.stylesheets = true
</li></ul>
<ul><li><a href="https://www.userchrome.org/firefox-changes-userchrome-css.html" rel="nofollow">https://www.userchrome.org/firefox-changes-userchrome-css.html</a>
</li></ul>I changed
ui.prefersReducedMotion to 0
and copied the above-mentioned code in my userChrome.csss fi2021-05-09T15:11:48-07:00anca.suciuhttps://support.mozilla.org/zh-TW/questions/1335376#answer-1411884<p>I changed
ui.prefersReducedMotion to 0
</p><p>and copied the above-mentioned code in my userChrome.csss file but the enlargement is still there when I open a new tab.
</p>You can use code in userChrome.css for the URL bar breakout and leave ui.prefersReducedMotion at 0 (2021-05-07T05:41:34-07:00cor-elhttps://support.mozilla.org/zh-TW/questions/1335376#answer-1411384<p>You can use code in userChrome.css for the URL bar breakout and leave ui.prefersReducedMotion at 0 (or reset this pref to hide it from about:config).
</p>
<ul><li> <a href="https://www.userchrome.org/megabar-styling-firefox-address-bar.html#mbarstyler" rel="nofollow">https://www.userchrome.org/megabar-styling-firefox-address-bar.html#mbarstyler</a>
</li></ul>