更改输入元素外观

Question

是否可以将带有值make的输入HTML元素看作就像使用CSS的div中的文本一样？使边框消失并使输入的背景颜色与页面背景颜色相同。

Answer 1

如果我理解正确：是的。

请参阅：http://jsfiddle.net/zaK7j/

测试CSS：

input, div {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    font: 13px sans-serif
}

<强> HTML：

<input type="text" value="Yes." />
<div>Yes.</div>

Answer 2

input[type=text], textarea {background:none;border:0;padding:0;margin:0;}

将重置您的输入以及您的textarea。

编辑：请注意，这适用于IE7及更高版本。

Answer 3

您可以使用CSS

input{
    border: none;
}

Answer 4

你认为你的htlm是这样的：

<div>
    <input type="text" value="some text"/>
</div>

你的css：

div {
    background-color: olive;
}
input[type=text] {
    border: none;
    background-color: olive;
}