给一个input元素添加border-radius 但是加完之后 边框变得很粗怎么办

如下图是添加border-radius 后效果

.input-search-w {
    background: none;
    border: 1px solid #e0e0e0;
    line-height: 35px;
    height: 35px;
    padding-right: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-indent: 10px;
}
1
2
3
4
5
6
7
8
9
10

没加border-radius的效果，如下图

.input-search-w {
    background: none;
    border: 1px solid #e0e0e0;
    line-height: 35px;
    height: 35px;
    padding-right: 50px;
    text-indent: 10px;
}
1
2
3
4
5
6
7
8

问题：
1.不明白为什么加了之后会变粗
2.需要怎么实现加border-radius后不变粗

解决办法：
解决变粗border:none;
解决多余的原来的边框outline:none;

css属性：
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。