We would like to know how to remove border on a select tag.
<!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: