Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS question - transparent underlined textbox - howto?

Good Morning,

Quick CSS question. Does anyone know any quick css to make an underlined transparent textbox? I basically want the textbox to be invisible except for the bottom border. I need it to function normally. Do I just remove left, right, and top borders and set it's background to transparent or something? Any examples of how to properly accomplish this? This app is for IE7 if that's relevant. Any help is always appreciated.

Cheers, ~ck in San Diego

like image 488
Hcabnettek Avatar asked Nov 27 '22 23:11

Hcabnettek


1 Answers

This should do it:

input.myBox
{
    border: 0px solid #000000;
    border-bottom-width: 1px;
    background-color: transparent;
}

Tested in IE8 (IE7 compatability mode)

like image 186
Greg Avatar answered Dec 09 '22 17:12

Greg