在<input />上删除黑色LEFT和TOP

Question

我正在尝试使用颜色代码<input>创建一个#7d5993文本字段，但我看到顶部和左侧是黑色，而底部和右侧是我的颜色。有没有办法让整个边框成为<textarea>看起来的颜色？

Here's my code

Answer 1

您必须添加textarea的属性border-style override默认边框样式并输入

border-style:solid;

您可以查看fiddle

Answer 2

你必须像这样定义border-style:solid：

input{border:2px solid red;}

选中此http://jsfiddle.net/7kE7R/15/

Answer 3

试试这个

    input{border: 1px solid #7d5993; border-width:2px;}
    input:focus{border: 1px  solid #5190dd; border-width:2px;outline:none;}

    textarea{border: 1px solid #7d5993;border-width:2px;}
    textarea:focus{border: 1px solid #5190dd; border-width:2px; outline:none;}

Answer 4

你必须使用

border-style:solid

在这里查看我的解决方案 http://jsfiddle.net/fvN8T/