禁止浏览器给输入框加黄色框框的css代码

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

2、浏览器选中输入框加自动加的黄色边框

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

4、还可以自定义输入框被激活时的边框样式.class:focus{outline:Red Solid2px;}

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);}

6、加入背景和搜索按钮<div class="sear罕铞泱殳chBox"> 媪青怍牙<form action="" method="post" name="search"> <input name="so" type="text" id="so" value="search" onclick="checkInput(this,0);" onblur="checkInput(this,1);" /> <input type="submit" name="Submit" id="Submit" value=" " /> </form> </div>样式：.searchBox{float:right;margin-right:30px;width:190px;height:20px;background:#fff;border:1px solid #ccc;margin-top:6px;}#Submit{width:17px;height:18px; margin-top:2px;background:url(../images/search.png) no-repeat center;list-style:none;border:none;float:left;padding-elft:2px; cursor:pointer;}#so{width:160px;height:20px;list-style:none;border:none;margin-left:3px;float:left;color:#666;}