title: How to change the gradient css for IE and safari
body: <p>I have implement the one image in jsp page.That image displayed in chrome and Firefox browser,but did not display the IE9 and SAFARI browser.so please help me everyone.</p>
  
  <p>thanks for advance.</p>
  
  <p>This is my html code:</p>
  
  <pre><code>&lt;div class="dropDown"&gt;&lt;span class="custom-dropdown custom-dropdown--white custom-dropdown--small" id="compDrop"  style="width: 150px;float:left;padding-top:10px;padding-bottom:0px;"&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and then this my css code:</p>
  
  <pre><code>     &lt;style&gt;
   .custom-dropdown--small {
          font-size: 1.7em;
      }
  
  
      .custom-dropdown__select--emerald {
          background-color: #20b390;
          color: #fff;    
      }               
  
      .custom-dropdown__select--red {
          background-color: #d53a22;
          color: #fff;
      }
  
  
  
          .custom-dropdown__select {
              padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */             
              border: 0;
              border-radius: 3px;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;    
          }
  
          .custom-dropdown::before,
          .custom-dropdown::after {
              content: "";
              position: absolute;
              pointer-events: none;
          }
  
          .custom-dropdown::after { /*  Custom dropdown arrow */
              content: "\25BC";
              font-size: 0.625em;
              height: 1em;
              line-height: 1;
              margin-right: 7px;
                right: 0.2em;
              top: 50%;
  
          }
  
          .custom-dropdown__select[disabled] {
              color: rgba(0,0,0,.3);
          }
  
          .custom-dropdown.custom-dropdown--disabled::after {
              color: rgba(0,0,0,.1);
          }
  
          .custom-dropdown--white::before {
              background-color: #DCDCDC;
              border-left: 1px solid rgba(0, 0, 0, 0.1);
              bottom: 0.5em;
              height: 25px;
             margin-right: 1;             
              top: 0.49em;
          }
  
          .custom-dropdown--white::after {
              color: rgba(0, 0, 0, 0.9);
          }                   
  
  
      }
  
  &lt;/style&gt; 
  </code></pre>
  
  <p>above css code working fine in chrome and Firefox.</p>