html的输入框问题

Question

input[type="text"]{
    width:300px;
    height:50px;
    border-width:medium;
    border-color:#CCC;
    margin-top:-1px;
    font-size:13px;
}

CSS是这样写的。其他地方也没有设置groove、inset这些。

可是为什么会有这两个东西的效果。

请问下大家为什么这样？应该怎么破。

Answer 1

这是input的默认样式，你一开始引入一个reset.css就不会有了

Answer 2

input 有默认边框。 第一个可能是前面加个公共样式 取消了input的公共样式。你把border宽度 写成这样 border-width:1px 

Answer 3

很神奇的效果，表示没有看懂

Answer 4

可是为什么会有这两个东西的效果，这一句该怎么理解？