解决border-color四周边框的颜色不一致

今天练习css时发现input标签中设置border-color，但四周的颜色不一致

<input type="text" name="text" id="inp">

#inp {
    border-color: #c4c7ce;
}

效果：

解决办法：将border-color 改成 border：

border: #c4c7ce 1px solid;

最终效果：