在 chrome 打包的应用程序中自定义标题栏

Question

Is there a way to customize title bar in chrome packaged app? I need to add some text and change the color of background.

I search something like this (which customizes scrollbar):

::-webkit-scrollbar {
width: 15px;
background: #fcfcfc;
    }
::-webkit-scrollbar-thumb {
    background: #a5d0ff;
    -webkit-border-radius: .8ex;
}

Answer 1

I don't think there are any CSS selectors which target the application's title bar, but you don't have to use the system title bar at all in a Chrome app.

You can specify frame: "none" in the options object when you create your window -- that will completely remove the title bar, and you can add your own, using HTML and CSS for content and styling.

Demo app: link