Skip to content Skip to sidebar Skip to footer

Remove Only One Border On Input Element And Not Effect The Other Borders

My intention for the script below (and also located at http://jsbin.com/enOxEya/1/) is just to remove the right border. For FF, Chrome and IE, however, it makes the left and top bo

Solution 1:

Try this,it works fine

just replace

<styletype='text/css'>#input2 {border-right-style:none}
        </style>

with this

<styletype='text/css'>#input2 {border-style: solid none solid solid}
        </style>

hope this helps you.

Solution 2:

try this:

DEMO

<!DOCTYPE html><html><head><title>Boarders</title><styletype='text/css'>#input2 {
    border: 1px solid #ABADB3;
    border-right: 0;
}
</style></head><body><inputid="input1" /><br /><br /><inputid="input2" /></body></html>

Post a Comment for "Remove Only One Border On Input Element And Not Effect The Other Borders"