禁止浏览器给输入框加黄色框框的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 Solid 2px;} 

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="searchBox">

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