Input dentro de TD

Aspecto do input como célula da tabela.

by Salustiano Silva

HTML

<form>
    <table cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th>
                    <a href="#">Novo</a>
                </th>
                <th>
                    Data de Emissão
                </th>
                <th>
                    Nº Auto Declaração
                </th>
                <th>
                    Data de Validade
                </th>
                <th>
                    Emitida Por
                </th>
                <th>
                    Anexo
                </th>
                <th>
                    Data de Entrega ao Técnico
                </th>
                <th>
                    Data de Receção
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <a href="#">Eliminar</a>
                </td>
                <td>
                    <input type="text" name="dataEmissao" value=""/>
                </td>
                <td>
                    
                </td>
                <td>
                    
                </td>
                <td>
                    
                </td>
                <td>
                    
                </td>
                <td>
                    
                </td>
                <td>
                    
                </td>
            </tr>
        </tbody>
    </table>
</form>

CSS

html, body{
    font-family:sans-serif;
    font-size:11px;
}
form{
    display:block;
    padding:10px;
    border:1px solid #CCC;
    border-radius:3px;
}
table{
    width:100%;
    border-collapse: collapse;
}
table a {
    display:block;
    padding:4px;
}
th, td{
    border:1px solid #ccc;
}
td{
    padding:0;
    height:20px;
    line-height:20px;
}
td input{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    border:0 none;
    line-height:20px;
    height:20px;
}
}