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

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

with this

<style type='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>
<style type='text/css'>
#input2 {
    border: 1px solid #ABADB3;
    border-right: 0;
}
</style>
</head>
<body>
<input id="input1" />
<br />
<br />
<input id="input2" />
</body>
</html>

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