Anyone knows how to style a textbox and image like the one in http://www.live.com?
Considering just the input box:
<input type="text" ID="tbx1" class="tbx1_default"
onmouseover="this.className='tbx1_hover';"
onmouseout="this.className='tbx1_default';" />
And the style:
.tbx1_default
{
border:1px solid #aaa;
height:16px;
width:250px;
padding: 3px;
}
.tbx1_hover
{
border:1px solid green;
height:16px;
width:250px;
padding: 3px;
}
The effect is still not the same, eg: the glow is too thin ... I tried 2px border, but itīs not the way to go ... probably whatīs glowing is not the input border, but maybe something else???