title: Remove selection gray shadow from html input on iOS
body: <p>I'm currently working on html rich text editor for my iOS application,so,the setup is simple,i have a UIWebView loading my editor code,the html input is a <strong>'contentEditable' DIV</strong>.</p>
  
  <p>The problem is that every time i select this div to enter some text,a light gray frame appears on the input frame,telling the user that the textfield has been selected.</p>
  
  <p><strong>NOTE</strong>:You can see the effect in this quick <a href="http://litsdevelopment.com/temporary/teste.mov" rel="nofollow">video</a></p>
  
  <p>My question is:<strong>How to remove this light gray frame?</strong></p>
  
  <p>My html file is bellow:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  
      &lt;style type="text/css"&gt;
  
          :focus{
  
              outline:0px solid transparent;
  
          }
  
          DIV::-moz-focus-inner {
              background-color:#ff0000;
              border: 0;
              padding: 0;
          }
  
          ul{
              margin-left:-10px;
          }
          ol{
              margin-left:-10px;
          }
  
          blockquote {
  
              border-left:#ff0000 5px double;
              margin-left:0px;
  
          }
  
      &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body onload="addImgAttributes();checkBlockquote();" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"&gt;
  
      &lt;div
          id="content"
          class="content"
          contenteditable="true"
          style="font-family: Helvetica; background-color:#fff; color:#000; height:258px;"
          autocapitalize="off"
          autocorrect="off"
          autocomplete="off"
          spellCheck="false"
      &gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>//------------------------------------------------------------------------------------------------------------------ EDIT 1 -----</p>
  
  <p>After the comment of @StephenJ i realized that this gray frame might be a subview of the UIWebView and not a css property.I logged the view hierarchy from the UIWebView in the exact moment that the frame appeared,this is the log:</p>
  
  <pre><code>2013-04-17 21:37:00.919 StrangeThings[1182:c07] &lt;UIWebView: 0xa5ec3f0; frame = (7 7; 306 258); layer = &lt;CALayer: 0xa5edf30&gt;&gt;
  2013-04-17 21:37:00.919 StrangeThings[1182:c07] &lt;_UIWebViewScrollView: 0xa5f7850; frame = (0 0; 306 258); clipsToBounds = YES; autoresize = H; gestureRecognizers = &lt;NSArray: 0xa5f7e20&gt;; layer = &lt;CALayer: 0xa5f7aa0&gt;; contentOffset: {0, 0}&gt;
  2013-04-17 21:37:00.920 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f90c0; frame = (0 0; 54 54); transform = [-1, 0, -0, -1, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f9120&gt;&gt;
  2013-04-17 21:37:00.920 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f9030; frame = (0 0; 54 54); transform = [0, 1, -1, 0, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f9090&gt;&gt;
  2013-04-17 21:37:00.920 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f8fa0; frame = (0 0; 54 54); transform = [0, -1, 1, 0, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f9000&gt;&gt;
  2013-04-17 21:37:00.921 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f8b90; frame = (0 0; 54 54); alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f8f70&gt;&gt;
  2013-04-17 21:37:00.921 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f8b00; frame = (-14.5 14.5; 30 1); transform = [0, 1, -1, 0, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f8b60&gt;&gt;
  2013-04-17 21:37:00.922 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f8a70; frame = (-14.5 14.5; 30 1); transform = [0, -1, 1, 0, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f8ad0&gt;&gt;
  2013-04-17 21:37:00.922 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f89e0; frame = (0 0; 1 30); transform = [-1, 0, -0, -1, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f8a40&gt;&gt;
  2013-04-17 21:37:00.922 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f8950; frame = (0 0; 1 30); alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f89b0&gt;&gt;
  2013-04-17 21:37:00.923 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f88c0; frame = (0 228; 306 30); alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f8920&gt;&gt;
  2013-04-17 21:37:00.923 StrangeThings[1182:c07] &lt;UIImageView: 0xa5f8750; frame = (0 0; 306 30); transform = [-1, 0, -0, -1, 0, 0]; alpha = 0; opaque = NO; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa5f8630&gt;&gt;
  2013-04-17 21:37:00.924 StrangeThings[1182:c07] &lt;UIWebBrowserView: 0xc270400; frame = (0 0; 306 258); text = ''; gestureRecognizers = &lt;NSArray: 0xa5f5ac0&gt;; layer = &lt;UIWebLayer: 0xa5f0820&gt;&gt;
  2013-04-17 21:37:00.925 StrangeThings[1182:c07] &lt;UIHighlightView: 0xa5ef210; frame = (-4 -4; 314 266); opaque = NO; layer = &lt;CALayer: 0xa5c0730&gt;&gt;
  2013-04-17 21:37:00.925 StrangeThings[1182:c07] &lt;UIImageView: 0xa0bebc0; frame = (0 251; 306 7); alpha = 0; opaque = NO; autoresize = TM; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa0bec60&gt;&gt;
  2013-04-17 21:37:00.925 StrangeThings[1182:c07] &lt;UIImageView: 0xa0b37d0; frame = (299 0; 7 258); alpha = 0; opaque = NO; autoresize = LM; userInteractionEnabled = NO; layer = &lt;CALayer: 0xa0becd0&gt;&gt;
  </code></pre>
  
  <p>After analyzing all these subviews i found one named <code>UIHighlightView</code>,as the name confirm,this view might highlighting the webView.So my second question is:<strong>How to remove this view?</strong></p>