Line textbox HTML

Question

I want to create a textbox like this:

It is just a line where you can input text. Is it possible to do this with css? or on bootstrap?

Answer 1

Ya, it's possible DEMO HERE

HTML

<input type="text" class="text-line" />

CSS

body {
    background: #333333;
}
.text-line {
    background-color: transparent;
    color: #eeeeee;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #eeeeee 1px;
    padding: 3px 10px;
}

Answer 2

Yes it is possible

HTML

<input type="text"/>

CSS

input[type="text"] {

       border:none; /* Get rid of the browser's styling */
       border-bottom:1px solid black; /* Add your own border */

    }

Fiddle