title: How to inject CSS inside an iframe in a WebView? UWP
body: <p>I wonder if it's possible to do something similar in UWP to what <a href="https://en.wikipedia.org/wiki/Stylish" rel="nofollow noreferrer">Stylish</a> do for browsers because I have wrote a CSS for the web page I'm using inside my <code>WebView</code> but this web page have an iframe so I needed to apply the CSS to all the URLs starting with <code>"https://webchat.botframework.com/"</code> to make it works (on Stylish) </p>
  
  <pre><code>&lt;WebView x:Name="WebView1" Source="https://www.blabla.net/bla/webchat.html" Width="490" Height="490" HorizontalAlignment="Center"/&gt;
  </code></pre>
  
  <p>Web page code</p>
  
  <pre><code>&lt;body&gt;
      &lt;iframe lang="fr-FR" id="chat" style="width: 60vw; height: 95vh; margin-left: 20vw" src=''&gt;&lt;/iframe&gt;
  
      &lt;script&gt;
          document.getElementById("chat").src =
              "https://webchat.botframework.com/embed/BitWcVaClient2?userid=" + create_UUID() +
              "&amp;username=WW&amp;v=4.2&amp;l=fr-FR&amp;s=ceraZE8go0A.lpa7tzuJ1H_rOJdJKWXibqg_aBrVQrHhhd432kU2e-M";
  
          function create_UUID() {
              var dt = new Date().getTime();
              var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
                  var r = (dt + Math.random() * 16) % 16 | 0;
                  dt = Math.floor(dt / 16);
                  return (c == 'x' ? r : (r &amp; 0x3 | 0x8)).toString(16);
              });
              return uuid;
          }
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>