Bootstrap form input css like MS-Excel

Question

I am using Bootstrap 3.0 in my project. I want my form fields look like MS-Excel cell. What is the css for this?

This is form\'s current look

And code :

Answer 1

use table tr

CSS

    input{border:0px solid #000; margin:0; background:transparent; width:100%}
table tr td{border-right:1px solid #000; border-bottom:1px solid #000;}
table{background: #fff none repeat scroll 0 0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;}
    table tr:nth-child(even){background:#ccc;}
    table tr:nth-child(odd){background:#eee;}

HTML

https://jsfiddle.net/r1frLkpo/2/