更改输入元素的外观

Question

是否可以使用CSS使带有值make的输入HTML元素看起来像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;}

将重置您的输入以及文本区域。

编辑：请注意，这在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;
}