В прошлом видеоуроке мы начали разбирать, что такое формы в css. Продолжим.
Давайте создадим класс, который мы будем давать всем элементам input. Давайте пропишем, что у нас, во-первых, должна быть рамка. Во вторых по высоте они должны быть выше. На фоне стоит картинка. Это такая маленькая картинка, в которой идет едва заметный градиент светло-синего, к белому. Мы эту картинку поставим на фон.
Теперь нужно сделать так, чтобы при щелчке по input у нас появилась двух - пиксельная синяя рамка, исчезал градиент а фон становился белым. Для этого мы будем использовать еще один псевдоселектор. Для input существует несколько состояний и одно из таких состояний это состояние фокус.
Давайте его и будем использовать.
Давайте создадим класс, который мы будем давать всем элементам input. Давайте пропишем, что у нас, во-первых, должна быть рамка. Во вторых по высоте они должны быть выше. На фоне стоит картинка. Это такая маленькая картинка, в которой идет едва заметный градиент светло-синего, к белому. Мы эту картинку поставим на фон.
Теперь нужно сделать так, чтобы при щелчке по input у нас появилась двух - пиксельная синяя рамка, исчезал градиент а фон становился белым. Для этого мы будем использовать еще один псевдоселектор. Для input существует несколько состояний и одно из таких состояний это состояние фокус.
Давайте его и будем использовать.