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

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