删除 <INPUT> 上的黑色 LEFT 和 TOP

Posted 2023-05-07

【中文标题】删除 <INPUT> 上的黑色 LEFT 和 TOP

【英文标题】：Remove Black LEFT and TOP on <INPUT>

【发布时间】：2012-03-19 15:05:24

【问题描述】：

我正在尝试使用颜色代码 #7d5993 创建一个 <input> 文本字段，但我看到顶部和左侧是黑色，底部和右侧是我的颜色。有什么方法可以让整个边框变成我的颜色，就像 <textarea> 的样子？

Here's my code.

【参考方案1】：

你必须添加属性border-style覆盖textarea和input的默认边框样式

border-style:solid;

你可以查看这个fiddle

【参考方案2】：

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

inputborder:2px solid red;

查看http://jsfiddle.net/7kE7R/15/

【参考方案3】：

试试这个

    inputborder: 1px solid #7d5993; border-width:2px;
    input:focusborder: 1px  solid #5190dd; border-width:2px;outline:none;

    textareaborder: 1px solid #7d5993;border-width:2px;
    textarea:focusborder: 1px solid #5190dd; border-width:2px; outline:none;

【参考方案4】：

你必须使用

border-style:solid

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

【讨论】：

我认为我是第一个：|