html input输入框去掉点击时的阴影并添加圆角

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiejunna/article/details/85633202

<input class="inputsty" type="text" name="" id="terid">
.inputsty{
  width: 70%;
  height: 30px;
  padding-left: 5px;
  display: inline-block;
  /* margin-left: 20px; */
  -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
  -moz-border-radius:6px;/*适配firefox浏览器*/
  -ms-border-radius:6px;/*适配IE浏览器*/
  -o-border-radius:6px;/*适配opera浏览器*/
  border-radius:6px;/*适配所有浏览器*/
  border: 1px solid #C6C4C4;
  outline: none;
}