去掉：<input   type="text"   name="textfield"   style="border:0px;">
 
 
 只留下边框：<input type="text" style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: solid">

大家都知道form表单中的 input type="text " 默认的边框在点击时是高亮的，那么如何消除这个高亮边框做到和别人家的搜索框一样的效果呢？ 方法很简单  下面贴代码：
 
如果在html 中有如下代码：
 

<form>
	<input type="text" id="searchTxt" value="开学季 满199减100"/>
				</form>
 

 
 那么在css样式中只需要如下代码即可去掉高亮彩：

 
#searchTxt{
border-style:none;/*  此步是必须的  */
height:35px;
width:375px;
float:left;
}
input:focus {    outline:none;}  /*  focus 标记*/

 

 

 

 

<input type="text" class="search" placeholder="输入无人机注册号" />
 

 
 

 
 
outline设置为none，即为outline:none

 
 
通常意义上的文本框都是这个样子的
 
 
 
  
<div>
文本框：<input  type="text" name="wenben" value="wenben"/>
</div>
 
 
 
 
　　
 
 
 
 
 
可是有时候 这个边框在 会显得很丑 特别 别扭 所以就想可不可以去掉  向班长请教过之后 知道 这样就可以了
 
 
 
  
<div style="margin:100px;">
文本框：<input  style="border:0px; outline:none;  type="text" name="wenben" value="wenben"/>
</div>
 
 
 
 
　　
 
 
 
 
 
转载于:https://www.cnblogs.com/bhmmlxieliming/p/6370742.html