Отображение текстового поля Значение

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

<div style="background:#FFFFCC"> 
<input type="number" id="text" value="0" style="border:0px; background:none;"/> 
</div>