Я отчаянно пытаюсь сделать выбранный тег подходящим в ячейке таблицы, как он там, а не как кто-то вклинился в него с помощью лома. Вот код, за которым следует изображение того, как оно выглядит:
<tr>
<td class="lblCell_L" >ISIN Code </td>
<td id="ISINcb" class="lblCell_R" align="center">
<select id='isinz' width="144" style="height:19px; width:140px; text-align:center;">
<option id="ISIN1" onclick="JavaScript:quarterUpdate()" >A</option>
<option id="ISIN2" onclick="JavaScript:quarterUpdate()" >B</option>
<option id="ISIN3" onclick="JavaScript:quarterUpdate()" >C</option>
<option id="ISIN4" onclick="JavaScript:quarterUpdate()" >E</option>
</select>
</td>
<td class="lblCell_tx" id="isinOptions" style="color:#a56;">0</td>
</tr>
Как это происходит в FireFox:
Итак, это действительно уродливо, потому что объект Select имеет свои собственные границы, видимые внутри ячейки, у которой есть свои собственные границы. Это похоже на начинку гуся с свининой... мрачный взгляд!
Могут ли границы ячеек таблицы быть подавлены, чтобы позволить им выбирать границы выбора тега?
Вы также можете заметить, что высота этой ячейки выше, чем другая "только для текста".