title: Search bar box shadow not rendering on iOS?
body: <p>I've created a search bar intended for use in an iOS application. Below is how it renders in browsers (which is how I want it to):</p>
  
  <p><img src="https://i.stack.imgur.com/v7g3L.png" alt="enter image description here"></p>
  
  <p>This is how it renders on iOS:</p>
  
  <p><img src="https://i.stack.imgur.com/OetIo.png" alt="enter image description here"></p>
  
  <p>It seems to completely ignore the box shadow. Below is the code used:</p>
  
  <pre><code>#search-content input[type="text"] {
      border-radius: 75px;
      font-size: .75em;
      width: 100%;
      padding: .6em .9em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: Helvetica, Arial, sans-serif;
      box-shadow: 0 0 0 1px #bababa, 0 0 0 2px #fff, inset 0 0 10px rgba(0, 0, 0, 0.17);
      outline: none;
      border: 0;
      color: #656565;
  }
  </code></pre>
  
  <p>I'd really appreciate it if anyone could let me know why this is happening.</p>
  
  <p>Thanks!</p>