为什么同一输入标签中的不同样式

Question

转到http://jsfiddle.net/j2GZP/1/

<input type="button" value="type = button">
<input type="text" value="type = text" > 

我已经设置了一个border-radius，它只能在输入[type = button]上运行良好，但在Mozilla 21.0上哪些样式完全不能正常工作输入字段[type = button] 问题：我们可以在输入字段边缘看到另一种白色

截屏： 谢谢

Answer 1

尝试

input{
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: 400;
    padding: 6px 20px;
    background:#16A085;
    border:none;
    outline: none;
}

outline:none;删除白色或红色边框！

选中fiddle。

Answer 2

如果我正确理解了这个问题，那么您正在寻找outline-style:none;。演示：http://jsfiddle.net/j2GZP/4/