css中input文本边框颜色不一样

css中input文本边框颜色不一样,下图,这是默认样式?要如何让边框颜色一样?

img

不需要四边分别设置,只需使用简写形式就好了

input{
    border:1px solid red;
}

如果有用请采纳谢谢

input{
 border-left:1px solid #ccc;
 border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
}

截图四边的颜色不一致,肯定不是默认的样式。上面代码#ccc 是颜色,改成你想要的颜色即可保证四边颜色一致。

border-width:5px;
border-style:solid;
border-color:red green blue pink;

border-color写一个值代表所有边框颜色一样;
两个值时第一个值代表上下边框,第二个值代表左右边框;
三个值时,第一个值代表上,第二个值代表左右,第三个值代表下;
四个值时,分别代表上、右、下、左