Page Widget How to - Remove border on a select tag








Question

We would like to know how to remove border on a select tag.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
table {<!--  w ww. jav  a2 s  . c  o  m-->
  outline: 1px solid black;
  font-family: Arial, sans-serif;
  font-size: 20px;
}

table td {
  border: 1px solid blue;
  padding: 5px;
}

select {
  width: 140px;
  border: none;
  font-family: inherit;
  font-size: inherit;
}
</style>
</head>
<body>
  <table>
    <tr>
      <td class="lblCell_L">ISIN Code</td>
      <td id="ISINcb" class="lblCell_R" align="center">
      <select>
          <option id="">A Abel</option>
          <option id="">B Babel</option>
          <option id="">C Cable</option>
          <option id="">E Enable</option>
      </select></td>
      <td class="lblCell_tx" id="isinOptions">0</td>
    </tr>
  </table>
</body>
</html>

The code above is rendered as follows: