xul에서 menubutton의 배경색을 변경하는 방법

Question

toolbarbutton에서 메뉴 버튼의 배경색을 변경하고 싶습니다.

다음 코드를 적용했지만 작동하지 않았습니다.

<toolbarbutton id="search" background-color="red" type="menu-button" label="Search" width="83" height="25" oncommand="webSearch();event.stopPropagation();"> 
    <menupopup> 
     <menuitem label="Web" value="webs" onclick="webSearch();event.stopPropagation();"/> 
     <menuitem label="Images" value="images" onclick="imageSearch();event.stopPropagation();"/> 
     <menuitem label="News" value="news" onclick="newsSearch();event.stopPropagation();"/> 
     <menuitem label="Video" value="videos" onclick="videoSearch();event.stopPropagation();"/> 
    </menupopup> 
</toolbarbutton> 

Answer 1

나는 버튼의 배경 색상을 가질 수 있다고 생각하지 않습니다. 이것으로 확인하십시오, 당신은 버튼 색상이 아닌 텍스트의 색상을 변경할 수 있습니다.

사용자 지정 도구 모음 단추를 사용하는 것이 좋습니다. https://developer.mozilla.org/en/XUL/toolbarbutton

위의 링크

https://developer.mozilla.org/en/custom_toolbar_button

당신이 당신의 문제를 해결하는 데 도움이 될 것입니다.

<toolbar> 
    <toolbarbutton label="Checkbox Type" type="checkbox" image="firefox.png"/> 
    <toolbarbutton label="Menu Type" type="menu" popup="button-popup" style="font: bold 11px Verdana, sans-serif !important; color:#327DC7; background-color=#327DC7;" /> 
    <toolbarbutton label="Menu Button Type" type="menu-button" popup="button-popup" image="firefox.png"/> 
    <menupopup id="button-popup"> 
    <menuitem label="Item 1"/> 
    <menuitem label="Item 2"/> 
    <menuitem label="Item 3"/> 
    </menupopup> 
</toolbar> 

툴바 메뉴 버튼 CSS 기능에 대한 자세한 내용을 보려면 시스템의 설치 디렉토리에서 Firefox dafult 설정을 확인하십시오. 예를 들어, 다음과 같습니다 :

항아리 : 파일 : /// C :! /Program%20Files/Mozilla%20Firefox/chrome/classic.jar /skin/classic/global/toolbarbutton.css

Answer 2

당신은 CSS를 사용해야합니다

<toolbarbutton style="background-color: red;">