HTML设置input搜索框onfocus样式

input搜索框onfocus设置圆角边框样式

html：

<input id="middle1-search" type="text" value="     请输入关键字搜索" />

css：

#middle1-search{
height: 32px;
width: 596px;
position: absolute;
right:202px;
border-radius: 30px;
font-size: 14px;
color: rgb(153,153,153);
background-color: rgb(235,236,237);
border: none;
}

#middle1-search:focus
{ 

outline:none;   //去除高亮直角边框
box-shadow:0 0 0 1.5px #f7941d;    //设置圆角边框 
}