Page Widget How to - Remove only one border on input element and not effect the other borders

Question

We would like to know how to remove only one border on input element and not effect the other borders.

Answer


<!--from   w ww .j  a v  a 2  s  .  co  m-->
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#input2 {
  border: 1px solid red;
  border-right: 0;
}
</style>
</head>
<body>
  <input id="input2" />
</body>
</html>

The code above is rendered as follows: