解决搜索框 border-radius出现多余边框的问题

代码：<input type="text" placeholder="报价结果将发送到您的手机">  //样式

input{                     //样式
width: 300px;
height: 40px;
outline: none;
border-radius: 10px;
text-indent: 1em;
}

图一

看图一border-radius后出现了问题。

图二

去网页看检查发现原来多了一像素的边框 (看图二)

看到这就有点眉目了把边框设置一下就好了看下方代码

input{
width: 300px;
height: 40px;
outline: none;
border-radius: 10px;
text-indent: 1em;
border: 1px solid #777;   
}

小二上效果图 好嘞客官来嘞。

图片3.png

此时此刻我想吟诗一首
今天天气真的好，
戴上墨镜看太阳。
看太阳啊看太阳，
是谁敲门这么狂，
原来是我外卖到。

好诗好诗 告辞我家饭想我了有缘再见。