如下代码:
input {
border-color: #d1d1d1;
border-width: 1px;
}
并不会得到想要的效果,可以看到左上边框和右下边框颜色不一样
f12打开开发者工具,找到这个input
标签
能看到input
标签自带的默认样式border-style: inset;
,应该是这个3d边框样式的问题
解决方法:
再加一句
border-style:solid;
那么就可以合在一起写:
input {
border: 1px solid #d1d1d1;
}
这样就能得到想要的效果: