1、input输入框设置无框样式:border:none;或 border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;

3、我们可以禁止浏览器为被激活的输入框添加边框,方法如下:禁止为所有被激活的输入框添加边框*:focus { outline: none; }禁止为被激活的输入框添加边框.class:focus{ outline:none }class为要加入样式的名字

5、圆角高亮显示效果:input {transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;border: #35a5e5 1px solid;border-radius: 4px;outline: none;}input:focus {box-shadow: 0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
