搜尋 Mozilla 技術支援網站

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

了解更多

Is it possible to change the size of the 'Close' button in Full Screen viewing mode?

  • 2 回覆
  • 1 有這個問題
  • 11 次檢視
  • 最近回覆由 nzskater

more options

I am currently using Firefox for a kiosk type scenario. We require that the browser run full screen. The issue is that the 'Close' button is not large enough for users to consistently see, so they're having issues figuring out how to close an active browser window.

Can anyone tell me if it's possible to change this icon? I've tried using themes, but they tend to theme everything but the close button.

Custom configuration details are below.

Firefox version: firefox-3.0.4-1.el5.centos

Customisations:

Access to local drives disabled: Modified the contents of /usr/lib/firefox-3.0.4/chrome/browser.jar, so that browser.js has the added stanza:

if (location.match(/^file:/) || 
location.match(/^\//) || 
location.match(/^resource:/) ||
(!location.match(/^about:blank/) &&
location.match(/^about:/))) {
loadURI("about:blank");
}

Various menus & bookmarks disabled in chrome/userChrome.css

/* Kill "normal" bookmark icons in the bookmarks menu */
menuitem.bookmark-item > .menu-iconic-left {
  display: none;
}

/* kill icons for bookmark folders in Bookmarks menu */
menu.bookmark-item > .menu-iconic-left {
  display: none;
}

/* kill icons for bookmark groups in Bookmarks menu */
menuitem.bookmark-group > .menu-iconic-left {
  display: none;
}

/* Remove the Edit and Help menus
   Id's for all toplevel menus:
   file-menu, edit-menu, view-menu, go-menu, bookmarks-menu, tools-menu, helpMenu */

helpMenu { display: none !important; }
tools-menu { display: none !important; }
file-menu { display: none !important; }
edit-menu { display: none !important; }
view-menu { display: none !important; }
go-menu { display: none !important; }
bookmarks-menu { display: none !important; }


#autohide-context { display: none !important;}

#bookmarksToolbarFolderMenu { display: none !important;}
#organizeBookmarksSeparator { display: none !important;}
.tabbrowser-tabs .tab-icon {
  display: none;
}

#urlbar {
font-family: Arial !important;
color: Black !important;
font-size: 26 !important; }
I am currently using Firefox for a kiosk type scenario. We require that the browser run full screen. The issue is that the 'Close' button is not large enough for users to consistently see, so they're having issues figuring out how to close an active browser window. Can anyone tell me if it's possible to change this icon? I've tried using themes, but they tend to theme everything but the close button. Custom configuration details are below. Firefox version: firefox-3.0.4-1.el5.centos Customisations: Access to local drives disabled: Modified the contents of /usr/lib/firefox-3.0.4/chrome/browser.jar, so that browser.js has the added stanza: <pre><nowiki>if (location.match(/^file:/) || location.match(/^\//) || location.match(/^resource:/) || (!location.match(/^about:blank/) && location.match(/^about:/))) { loadURI("about:blank"); }</nowiki></pre> Various menus & bookmarks disabled in chrome/userChrome.css <pre><nowiki>/* Kill "normal" bookmark icons in the bookmarks menu */ menuitem.bookmark-item > .menu-iconic-left { display: none; } /* kill icons for bookmark folders in Bookmarks menu */ menu.bookmark-item > .menu-iconic-left { display: none; } /* kill icons for bookmark groups in Bookmarks menu */ menuitem.bookmark-group > .menu-iconic-left { display: none; } /* Remove the Edit and Help menus Id's for all toplevel menus: file-menu, edit-menu, view-menu, go-menu, bookmarks-menu, tools-menu, helpMenu */ helpMenu { display: none !important; } tools-menu { display: none !important; } file-menu { display: none !important; } edit-menu { display: none !important; } view-menu { display: none !important; } go-menu { display: none !important; } bookmarks-menu { display: none !important; } #autohide-context { display: none !important;} #bookmarksToolbarFolderMenu { display: none !important;} #organizeBookmarksSeparator { display: none !important;} .tabbrowser-tabs .tab-icon { display: none; } #urlbar { font-family: Arial !important; color: Black !important; font-size: 26 !important; }</nowiki></pre>

由 cor-el 於 修改

所有回覆 (2)

more options

Try code like this:

#window-controls .toolbarbutton-icon {
 width: 25px !important; 
 height: 25px !important;
}

The three buttons have these IDs:

#minimize-button
#restore-button
#close-button
more options

Thanks for the prompt response, will try it out and post results.