Search code examples
iosobjective-cwebviewuiwebview

How to change the background color of a Button inside a webview in iOS

I have a WebView that loads an URL (say login.salesforce.com) & asks the user to login to his instance.

Now, I want to get rid of the default login screen that it shows up & want to play around with the color of the login button.

Is it possible to change the color of a button inside a website that loads in UIWebView or WKWebView?

Solution

  • Absolutely Yes. For this you need to have little bit knowledge of html,css and java script.

    Step 1. Prepare a java script as a string like below:

    let changeHtmlbuttonScript = """
var property = document.getElementById(btn);
if (count == 0) {
  property.style.backgroundColor = "#FFFFFF"
  count = 1;
} else {
  property.style.backgroundColor = "#7FFF00"
  count = 0;
}
"""

    Step 2: Evaluate java script on your current webview

    self.webView.evaluateJavaScript(self.changeHtmlbuttonScript)