input怎么加圆角

Question

现版本的crome加border-radius会导致有阴影边框，那要怎么变成圆角

Answer 1

默认样式可以重置的呀。。你看看。。

测试用例

Answer 2

1、隐藏input边框
2、对这个input包一层div,由这个div来实现想要的边框样式

Answer 3

简单举例

border: 1px solid #ccc; // 设置边框属性
border-radius: 4px;   // 设置圆角

Answer 4

outline记得清空。直接覆盖border样式。