title: how to remove text field border in phoneGap
body: <p>i am tried to user form details i have Text-Fields create like this</p>
  
  <pre><code> &lt;div  data-role="fieldcontain" class="name"&gt;
  &lt;label for="email"&gt; &lt;font color="white"&gt;No of lights&lt;/font&gt; &lt;/label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;input class="one" type="text" style="background-color:#686868" name="Name" /&gt;
  
  
   &lt;/div&gt;
  </code></pre>
  
  <p>it showing like this
  <img src="https://i.stack.imgur.com/GzGDB.png" alt="enter image description here"></p>
  
  <p>but i want  like this <img src="https://i.stack.imgur.com/U5z5P.png" alt="enter image description here"></p>
  
  <p>so I can applied like</p>
  
  <pre><code>.one{
  border-left:none;
  border-top:none;
  border-right:none;
  
  } 
  </code></pre>
  
  <p>but it's not works my Code is</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"&gt;
  &lt;script src="http://code.jquery.com/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"&gt;&lt;/script&gt; 
  &lt;/head&gt;
  &lt;style&gt;
  .one{
  border-left:none;
  border-top:none;
  border-right:none;
  }
  #pageone{
  
  background-color:#666666;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div data-role="page" id="pageone" data-theme="a" &gt;
   &lt;div  data-role="fieldcontain" class="name"&gt;
  &lt;label for="email"&gt; &lt;font color="white"&gt;No of lights&lt;/font&gt; &lt;/label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;input class="one" type="text" style="background-color:#686868" name="Name" /&gt;
  &lt;/div&gt;
  
   &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please give me any Idea about how to remove Text-Field Borders 
  And Please Tell me What are changes in our code </p>