Css 更改输入元素的外观

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

您可以使用CSS

input{
    border: none;
}

你可以使用CSS

input{
    border: none;
}

---

如果我理解正确：是的

见：

测试CSS:

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

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

HTML:

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

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

对

如果我理解正确：是

见：

测试CSS:

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

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

HTML:

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

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

对

将重置您的输入和文本区域

编辑：请注意，这适用于IE7及以上版本

将重置您的输入和文本区域

---

编辑：请注意，这在IE7及以上版本中有效。

您的htlm应该是这样的：

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

---

我想你的htlm是这样的：

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

---

---

您是指输入文本框不为空，或所有输入文本框。您是指输入文本框不为空，或所有输入文本框。这将使所有输入失去边框，您需要使用属性selectorYeah，这是最基本的html/css组合。这将使所有输入失去边框，您需要使用属性selectorYeah，这是最基本的html/css组合。你不能用伪选择器将type='text'作为目标吗？是的，你可以，但是一些旧的IE（我忘了是哪一个，但可能只是IE6，所以没关系）不理解它们。不过它们非常方便！在chrome中，如何从输入字段中删除“内部阴影”和“聚焦时高亮显示”？@ChristianStrang:

input:focus{outline:0；}

。你不能用伪选择器将type='text'作为目标吗？是的，你可以，但一些旧的IE（我忘了是哪一个，但可能只是IE6，所以没问题）不理解它们。不过它们非常方便！在chrome中，如何从输入字段中删除“内部阴影”和“聚焦时突出显示”？@ChristianStrang:

input:focus{outline:0；}

background:none

在这里可能比

background:transparent

更有意义。我总是忘记

背景：无

（+1）。

背景：无

在这里可能比

背景：透明

更有意义。我总是忘记

背景：无
（+1）。您的选择器将重置所有输入-仅选择文本值在中的输入。您的选择器将重置所有输入-仅选择文本值在中的输入。