顯示文本框值

Question

如何顯示文本框的值，而不是實際的白色框。所以我所擁有的是一個簡單的類型號文本字段。

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

我想要做的是隻顯示值，而不是實際的盒子本身。

Answer 1

你應該可以用CSS做到這一點。只需將該框設置爲網頁的背景，然後將輸入框的屬性設置爲禁用，以便用戶無法更改這些值。最後，您可以爲光標設置CSS，以便在鼠標懸停時它不會顯示爲文本框。

Answer 2

可以去除邊框和設置背景色，以透明的CSS：

input 
{ 
    border: none; 
    background-color:transparent; 
} 

Answer 3

只要改變你這樣的代碼：

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

這應該出示您預期的結果。

Answer 4

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

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

你想使你的字體文件的其餘部分相匹配。這裏有一個小提琴演示：http://jsfiddle.net/mestekweb/URkca/

Answer 5

​​