input文本框变下划线输入时去边框
input文本框变下划线我会做 源码如下：
<html>
<head>
<title>销售</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<input name="text" type="text" style="border:0;border-bottom:1 solid black;background:;" />
</body>
</html>
现在的问题是光标放在文本框时会有边框 如图：
我想要的是光标放在文本框时没有边框 效果如图：
红线的地方为输入时word中那种光标的样式
求高手帮忙 万分感谢
<label>帆毕简态裤姓名 </label>
<input type="text" name="name"数茄 id="name" style=" border-bottom: black 1px solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: transparent;" />
input：focus{outline：none；}希望能够帮助你解决问题~