火狐右上角最小化、最大化、关闭按钮怎么修改？用stylish

如图黄色荧光笔标出部分... 如图黄色荧光笔标出部分展开

 我来答

1个回答

#热议# 为什么有人显老，有人显年轻？

火狐
2014-04-01 · Firefox，最快最安全的上网体验

火狐

Mozilla Firefox火狐浏览器，是一款开放安全的开源浏览器，全球拥有5亿用户。

向TA提问

关注

展开全部

　　您好！很高兴为您答疑！

您可以参考下面这段代码：
#titlebar-min,
#titlebar-max,
#restore-button,
#titlebar-close {
-moz-appearance: none !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABRCAYAAAAKECLYAAACx0lEQVR4nO2cTWrDMBBG5xzaeNNTdNNL+ETZ5zq+SG8RCAQCBhOT6aZqbcWy5L+ZEfkefItWAk31KttxyxABAAAAAAAAgAhuRd65LiKiauP4rjhmrnNDggKN1lUxc0NxSanx3XF939e5IUGBBuuqmLnxoVdJqfFDsHqpcoGcySj8YlXP57PxoX9Jse+/La7rurrrujk5OXOO4EWWJXmaDwejOtq2rdu2nRWYMecoRtKsyCMabIrSxrzUMVODpkAioqrv+8aHrJy8+/1e+5DeSXRBDWvnHMVIngWJ7na71bGQgsCMtXPmHEH1eDwan6mvBWsZ4a7Xax2GdC5PLlh/Mgo1xmTZlEiK98CpX6ZYhOpMSbIj8XK5aMr7qyE3grVWCTmpcTE05fn1Lb5gIDL2LhQAAAAAAADwvjDzB1JuILDwQGDh***CA4GFBwILDwQWnlUCz+fz59JI/DBW62Lmj9Pp9LVlfHeBzPydG0mBFuv6lfMdk5Qah0DFurwcn1BSavwwgRYvVUOBiVpUTmAoaau81QKtJkeOhsAZWZvk7SZQ8+GgFIFTErfK21XgsCAIzJe4Rd5mgVP3Fb8xGifRukBzJzD11AeBcXlm7oExiRqXJzyF7iTRwj0wJ2/7OXBu87TkWRU4lGTmTUxiA1Xk+fUtvmAYSFo9LiIQkQ8EFh4ILDwQWHggsPBAYOGBwMKj/Z/9AAAAAAAAlM2aJj+avU1VsbhJjge9p3MjVBuRsU5NizaLILBia13rDW6SC9abjWBtVbAX6Fofq2nQgzq13pK5e4Cu9RlYFkiErvXpGowLJLLctT5o4q0icMH6S+bujc2u9RMCpU9iCQLtda0f9nsOQ8ICF6y7ZO5e2O1ab0DeqI6MtaUF2u9aryxvVANlfKwRrLWcrvWK8v7WXxqhetG1PmdtwwKJjL0LtQj+GgEAAAAAAIAIPwcUnOmp3S6NAAAAAElFTkSuQmCC") !important;
padding: 0 !important;
margin: 0px !important;
background: transparent !important;
border-style: none !important;
-moz-border-image: none !important;
}
#titlebar-min {
-moz-image-region: rect(0, 38px, 27px, 0);
}
#titlebar-min:hover {
-moz-image-region: rect(27px, 38px, 54px, 0);
}
#titlebar-min:hover:active {
-moz-image-region: rect(54px, 38px, 81px, 0);
}
#titlebar-max {
-moz-image-region: rect(0, 74px, 27px, 38px);
}
#titlebar-max:hover {
-moz-image-region: rect(27px, 74px, 54px, 38px);
}
#titlebar-max:hover:active {
-moz-image-region: rect(54px, 74px, 81px, 38px);
}
#titlebar-close {
-moz-image-region: rect(0, 112px, 27px, 74px);
}
#titlebar-close:hover {
-moz-image-region: rect(27px, 112px, 54px, 74px);
}
#titlebar-close:hover:active {
-moz-image-region: rect(54px, 112px, 81px, 74px);
}

#window-controls {
-moz-box-align: start;
}
#minimize-button,
#restore-button,
#close-button {
-moz-appearance: none;
border-style: none;
margin: 0 !important;
-moz-border-image: none !important;
}
#close-button {
-moz-image-region: rect(0, 112px, 27px, 74px);
}
#close-button:hover {
-moz-image-region: rect(27px, 112px, 54px, 74px);
}
#close-button:hover:active {
-moz-image-region: rect(54px, 112px, 81px, 74px);
}
#minimize-button:-moz-locale-dir(rtl),
#restore-button:-moz-locale-dir(rtl),
#close-button:-moz-locale-dir(rtl) {
transform: scaleX(-1);
}
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

本回答由提问者推荐