title: how to change the scrollbar style on iOS safari?
body: <p>for the project need,i have to change my html page scrollbar style.
  here is my css profile:</p>
  
  <pre><code>.txt_Content::-webkit-scrollbar {
      width:5px;
      border-radius:4px;
  }
  .txt_Content::-webkit-scrollbar-button    {
      display: none;
  }
  .txt_Content::-webkit-scrollbar-track     {
      background:#e5e2ad;
      border-radius:4px;
  }
  .txt_Content::-webkit-scrollbar-track-piece {
      background:#e5e2ad;
      border-radius:4px;
      border: 1px solid #c5b481;
  
  }
  .txt_Content::-webkit-scrollbar-thumb{
      background:#fbfae3;
      border-radius:4px;
      border: 1px solid #c5b481;
  }
  .txt_Content::-webkit-scrollbar-corner {
      border-radius:4px;
  }
  .txt_Content::-webkit-resizer  {
      display: none;
  }
  </code></pre>
  
  <p>and this is my html profile:</p>
  
  <pre><code>&lt;div class="txt_border"&gt;
      &lt;img src="../image/txt_border2.png"&gt;
      &lt;ul class="txt_Content"&gt;
          &lt;li class="biaoqian"&gt;
              &lt;div&gt;&lt;/div&gt;
              &lt;div&gt;
                  &lt;p&gt;txtxt&lt;/p&gt;
                  &lt;p&gt;txtxtxt&lt;/p&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;!----&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>it works great in chrome on mac and android phone:
  <a href="http://i1.piimg.com/567571/033a19c05f29073b.png" rel="nofollow noreferrer">http://i1.piimg.com/567571/033a19c05f29073b.png</a></p>
  
  <p>but it doesn't work on iphone:
  <a href="http://i1.piimg.com/567571/7938a2c5681f740f.png" rel="nofollow noreferrer">http://i1.piimg.com/567571/7938a2c5681f740f.png</a></p>
  
  <p>is there any problem with mycode?or the mobile safari doesn't surpport the css3 ?</p>