title: How to remove rounded corners from an Icon in jQuery mobile 1.4.0?
body: <p>I have the following list view in my jQuery mobile app  with data split icon delete , the icon appears as circle shape i want to remove the rounded corners of the icon so the icon will be  a square shape as in the photo  . I have used data-corners="false" , border-radius= 0 but it didnt work in jquery mobile 1.4.0 please any help would be greatly appreciated ..</p>
  
  <pre><code>&lt;div data-role="page" id="page1"&gt;
  &lt;div data-role="header"&gt;
  
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
  &lt;ul data-role="listview"  data-inset="true"  data-filter="true" data-filter-  placeholder="Search" data-split-icon="delete"  style="margin-top: 40px;"   &gt; 
  
  &lt;li class="RTLList" &gt; &lt;a href="#"&gt;&lt;img  src="http://demos.jquerymobile.com/1.4.0/_assets/img/album-bb.jpg" /&gt; element 1 &lt;/a&gt;&lt;a    href="#"  id="split-icon1" class="delete"&gt;Delete&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I have tried this its working in jQuery mobile 1.3.2 but didnt in 1.4.0</p>
  
  <pre><code>#page1 *{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    border-bottom-left-radius:0!important;
    border-bottom-right-radius: 0 !important;
    border-radius:0!important;
  }
  </code></pre>