Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

이 쓰레드는 보존되었습니다. 만약 도움이 필요하시면 새로운 질문을 올려주세요.

Change colors of bookmark sub folders

  • 4 답장
  • 1 이 문제를 만남
  • 1 보기
  • 최종 답변자: Norbert38

Norbert38
Norbert38
more options

Hello:

I can change the color of Bookmarks, but would like to change the color of sub folders.

Here is the CSS code and the results

/* One line fix This colours all bookmarks */ 

.bookmark-item[container], treechildren::-moz-tree-image(container) { fill: Blue    !important; }

/* Make Shop folder Red */ toolbarbutton.bookmark-item[label="Shop"] > .toolbarbutton-icon { fill: #e74c3c !important; }

/* Make Flyers folder Red  !NOT WORKING! */ toolbarbutton.bookmark-item[label*="Flyers"] > .toolbarbutton-icon { fill: #e74c3c !important; }

thanks Norbert

Hello: I can change the color of Bookmarks, but would like to change the color of sub folders. Here is the CSS code and the results /* One line fix This colours all bookmarks */ .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: Blue !important; } /* Make Shop folder Red */ toolbarbutton.bookmark-item[label="Shop"] > .toolbarbutton-icon { fill: #e74c3c !important; } /* Make Flyers folder Red !NOT WORKING! */ toolbarbutton.bookmark-item[label*="Flyers"] > .toolbarbutton-icon { fill: #e74c3c !important; } thanks Norbert
첨부된 스크린샷

선택된 해결법

Doesn't this rule work ? 

.bookmark-item[container][label*="Flyers"] { fill: #e74c3c !important; }

You may need to toggle svg.context-properties.content.enabled => true on about:config if you use a custom SVG file.

You can't combine/nest labels, you need a separate selector for each label. 

.bookmark-item[container][label*="Flyers"],
.bookmark-item[container][label*="Shop"] {
  fill: #e74c3c !important;
}
문맥에 따라 이 답변을 읽어주세요 👍 1

모든 댓글 (4)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

toolbarbutton.bookmark-item only works for toolbarbutton items on the Bookmarks Toolbar. For items in a drop down list you need to use menu.bookmark-item (folder) or menuitem.bookmark-item or use only .bookmark-item to make it apply to all cases. 

menu.bookmark-item[label*="Flyers"] > .toolbarbutton-icon { fill: #e74c3c !important; }

.bookmark-item[container][label*="Flyers"] > .toolbarbutton-icon { fill: #e74c3c !important; }

글쓴이 cor-el 수정일시

Norbert38
Norbert38 질문자
more options

Hello Cor-el

Thanks for the suggestions. None worked. 

I tried

menu.bookmark-item[Label=" AND [label*=" menuitem.bookmark-item[Label=" AND [label*=" .bookmark-item[Label=" AND [label*="


Can I be more specific about the label? [Label="Shop;Flyers"]

thanks Norbert

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

선택된 해결법

Doesn't this rule work ? 

.bookmark-item[container][label*="Flyers"] { fill: #e74c3c !important; }

You may need to toggle svg.context-properties.content.enabled => true on about:config if you use a custom SVG file.

You can't combine/nest labels, you need a separate selector for each label. 

.bookmark-item[container][label*="Flyers"],
.bookmark-item[container][label*="Shop"] {
  fill: #e74c3c !important;
}
Norbert38
Norbert38 질문자
more options

Thanks Cor-el

I was using .bookmark-item[container][label*="Flyers"] > .toolbarbutton-icon { fill: #e74c3c !important; }


This works!! .bookmark-item[container][label*="Flyers"] { fill: #e74c3c !important; }

Norbert