Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorKenA
    • CommentTimeApr 10th 2006
     permalink
    Considering just the input box:

    <input type="text" ID="tbx1" class="tbx1_default"
    onmouseover="this.className='tbx1_hover';"
    onmouseout="this.className='tbx1_default';" />

    And its 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???

    To simplify things ... i´m not using bg images and discarded the image button as well

    Maybe a div or span tag wrapping the input box and this div or span will hover?
  1.  permalink
    To acheive that effect you need a background image applied to the input element.
Add your comments
    Username Password
  • Format comments as (Help)