2

我怎样才能只显示文本字段的值，而不是实际的白框。所以我有一个数字类型的简单文本字段。

<input type="number" id="text" value="0"/>

我想做的只是显示价值，而不是实际的盒子本身。

4

5 回答 5

4

你应该可以用 CSS 做到这一点。只需将框设置为类似于网页背景的样式，然后将输入框的属性设置为禁用，以便用户无法更改值。最后，您可以设置光标的 CSS，以便在鼠标悬停时它看起来不像是一个文本字段。

于 2012-04-30T18:03:34.690 回答
1

您可以使用 CSS 移除边框并将背景颜色设置为透明：

input
{
    border: none;
    background-color:transparent;
}
于 2012-04-30T18:05:27.370 回答
0

只需像这样更改您的代码：

<input type="number" id="text" value="0" style="border:0px;"/>

这应该会产生您预期的结果。

于 2012-04-30T18:08:11.697 回答
0

正如heavysixer 提到的，您可以使用CSS：

#text{
    border: none;
    background: none;
    cursor: default;
    padding:0;
    margin:0;
    font-size:1em;
}

您需要使字体与文档的其余部分相匹配。这是一个要演示的小提琴：http: //jsfiddle.net/mestekweb/URkca/

于 2012-04-30T18:12:16.063 回答
0 
<div style="background:#FFFFCC">
<input type="number" id="text" value="0" style="border:0px; background:none;"/>
</div>
于 2012-04-30T18:13:28.043 回答