Remove only one border on input element and not effect the other borders

前端未结

关注

 2  1140

Happy的楠姐

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

相关标签:

2条回答

遥遥无期

2021-01-21 10:57

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.

0 讨论(0)

无人及你

2021-01-21 10:59

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>

0 讨论(0)