私は 5 つの dapbles でスクリプトを作成し、div を使用してそれらを正しく配置しました。Chrome と IE で確認しましたが、違いは、IE ではテキストが太字になっているのに対し、Chrome では通常どおりです。<span>この属性を使用したの<p>は、表では見栄えがよくないグラフィック デザインがあるためですが、それを使用する他の場所では見栄えがします。
テーブルの私のコード:
<dic class="elevraadet">
<table align="center">
<tr>
<td><span style="font-size:12px;"><b>Klasse</b></span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;"><b>Namn</b></span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;"><b>Verv</b></span></td>
</tr>
<tr>
<td><span style="font-size:12px;">3ST</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Reynaldo Galaz</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Leiar</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">1ST</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Frida Vevle</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Nestleiar</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">2ST</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Øyvind Hartveit</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Skrivar</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">2EL</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Robin B. Myking</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Kasserar/vara for skrivar</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">2BU</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Gina Nordpoll</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">2IND</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Anders Skråmestø</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">1EL</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Thomas K. Fotland</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">1DH</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Nathalie P. Hartveit</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">1HS</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Tina-Marie S. Langeland</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">1TIPa</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Marcus W. Øye</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
<tr>
<td><span style="font-size:12px;">1TIPb</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Bjørn Sebastian S. Rongved</span></td>
<td><span style="font-size:12px;"> </span></td>
<td><span style="font-size:12px;">Styremedlem</span></td>
</tr>
</table>
</div>
私のCSSコード:
.elevraadet
{
border:groove, #09F;
position:absolute;
left:30px;
}
だから私の質問は、IEで太字/強くならないようにこれを修正するにはどうすればよいですか? Chrome
からの 2 つのスクリーンショットを追加しました。
そしてIEからの1つ：
