Удалить черный левый и верхний на <INPUT>

Question

Я пытаюсь создать текстовое поле <input> с цветным кодом #7d5993, но вижу, что верхний и левый черные, а нижний и правый мой цвет. Есть ли способ сделать всю границу моего цвета такой, как выглядит <textarea>

Вот мой код .

Answer 1

Вы должны добавить свойство 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/