Search code examples
cordovainappbrowser

Styling Cordova's In-App Browser Window Chrome

I was wondering if it was possible to inject css that styles the (html?) elements of the chrome around the in-app browser windows.

I've found insertCSS in the documentations but I'm unclear whether it's for styling the chrome of the browser window or the content inside of the window?

var ref = window.open('http://apache.org', '_blank', 'location=yes');
ref.addEventListener('loadstop', function() {
    ref.insertCSS({file: "mystyles.css"});
});

If it is possible to style the in-app browser chrome, where can I find all the elements and selectors (classes or ids) used?

Solution

  • I've forked InAppBrowser and created plugin that allows you to style the browser extensively. But I've only done it for iOS and Android. Please take a look https://github.com/initialxy/cordova-plugin-themeablebrowser