Javascript 如何删除phoneGap中的文本字段边框_Javascript_Jquery_Html_Css

Javascript 如何删除phoneGap中的文本字段边框

javascript jquery html css

Javascript 如何删除phoneGap中的文本字段边框,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试使用表单详细信息，我有这样创建的文本字段 <div data-role="fieldcontain" class="name"> <label for="email"> <font color="white">No of lights</font> </label>    <input class="one" type="text" style="background

我尝试使用表单详细信息，我有这样创建的文本字段

 <div  data-role="fieldcontain" class="name">
<label for="email"> <font color="white">No of lights</font> </label>&nbsp;&nbsp;&nbsp;
<input class="one" type="text" style="background-color:#686868" name="Name" />


 </div>

但这不是我的代码

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 
</head>
<style>
.one{
border-left:none;
border-top:none;
border-right:none;
}
#pageone{

background-color:#666666;
}
</style>
<body>
<div data-role="page" id="pageone" data-theme="a" >
 <div  data-role="fieldcontain" class="name">
<label for="email"> <font color="white">No of lights</font> </label>&nbsp;&nbsp;&nbsp;
<input class="one" type="text" style="background-color:#686868" name="Name" />
</div>

 </div>


</body>
</html>


.一{
左边界：无；
边界顶部：无；
边界权：无；
}
#第一页{
背景色：#666666；
}
灯光数量

请告诉我有关如何删除文本字段边框的任何想法请告诉我我们的代码有什么变化

input.one{
background-color: transparent; 
border-style: solid; 
border-width: 0px 0px 1px 0px; 
border-color: white;
}

添加大纲，以便在选中文本框时，大纲边框不可见。

在phonegap中，输入标记包含在div标记中。例如：

<div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
  <input name="phone" id="phone" placeholder="" type="text">
</div>

因此，您可以更改类“ui输入文本ui正文继承ui角点所有ui阴影插入”，并可以删除边框。

尝试以下操作：输入。一个{背景颜色：透明；边框样式：实心；边框宽度：0px 0px 1px 0px；边框颜色：白色；}边框颜色应用于底部，但左、右和顶部边框未移除。您能否提供指向您的项目的链接@User3488098这不是项目笑话我创建登录页面，但我的问题是创建文本字段和图像，我得到了输出，但我认为像第二个图像输出，所以请帮助我请告诉我，我的问题是如何删除顶部，左边框和右边框，但当删除4行代码时，您的代码工作，当删除我代码中的标题部分时，但标题部分将在将来使用，因此没有删除标题部分，我尝试了为什么我说，请共享一把小提琴，以便我可以知道我的代码是否工作正常链接无法访问

input{
    border: none;
    border-bottom: 2px solid white;
    outline: none;
}

<div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
  <input name="phone" id="phone" placeholder="" type="text">
</div>