HTML Element Style How to - Change font size for input


We would like to know how to change font size for input.


<!DOCTYPE html>
<style type='text/css'>
html, body {<!-- ww  w.  java  2>
  font: 16px/18px 'Lucida Console', Monaco, monospace;

input {
  width: 150px;
  display: block;

form div {
  margin: 1em;

#b {
  font-size: 1em;
  <form action="#" method="post">
      Default font family and size <input type="text" name="a" id="a"
        value="default size" />
      1em is larger! <input type="text" name="b" id="b"
        value="why is this larger?" />

The code above is rendered as follows: