Изменение <input>форматирования с HTML на CSS

Question

Мне интересно, как перейти от HTML-форматированных тегов к CSS. HTML это

Ball: <input type=text name=BL size=5 value=5>

CSS у меня до сих пор:

#info input[type=text]{}

Моей целью было бы как можно меньше html. Спасибо:)

Answer 1

Единственный текущий атрибут на входе, который вы можете заменить на CSS, будет size.Вместо этого вы должны использовать свойство CSS width.

#info input[type=text]{
    width: 30px;
}

<input type="text" name="BL" value="5">

Хотя size и width не совсем одинаковы.size="5" увеличит размер ввода до 5 символов.Ширина (обычно) измеряется в пикселях, но вы также можете использовать другие единицы измерения (em,%, pt, pc, mm, cm, in).

Answer 2

Не совсем уверен, какова ваша цель, но вы можете настроить ее следующим образом:

<input type="text" class="inputfield" name="BL" size="5" value="5" />

И управлять ей с помощью CSS:

.inputfield {
    border: 1px solid #000;
    font-family: Tahoma, Verdana, sans-serif;
    color: #ff0000;
    background: #c3c3c3;
    }