IEで動作しないボーダーカラー

Question

投稿する前にこの問題を解決できる限り試しましたが、動作させることはできません。

削除する前に確認を求める表の行を削除するためのボタンがあり、赤い背景/境界線が強調表示されます。クロムとFirefoxでは、これはIEではなく、動作するはずですが、背景は機能しますが、ボーダートップ/ボトムは色を変更しません。

境界線の色のプロパティを事前に変更すると機能しますので、jqueryのCSS関数に問題があると思います。

JSFiddleでは、私はこの問題の小さな例を作成しました。IEではそれが動作しませんでした.Firefox/Chromeではそうでしたが、tdに境界を追加したという話題がありました。私はこれをして、クロームで国境が国防総省で作業をやめ、IEで国境がTDの反対側の要素の作業を開始しました。

JSFiddle

<table width='100%' style='border-collapse:collapse;'> 
    <tr style="border-top:1px solid #DDDED9; border-bottom:1px solid #DDDED9" class='tr'> 
     <td>test</td> 
     <td>test</td> 
     <td>test</td> 
    </tr> 
</table> 

<p> 
    <button class='button'>Click</button> 
</p> 

jQueryの

$('.button').on('click', function(){ 
    $('.tr').css('border-top-color', 'red'); 
    $('.tr').find('td').css('border-bottom-color', 'red'); 
}); 

誰かが素晴らしいことだ3つのすべてのブラウザで実用的なソリューションで私を助けることができれば。

Answer 1

境界線を最初に定義し、境界線の色を追加します。

td { 
    border-bottom:1px solid transparent; 
} 

OR あなただけexampeのためのTR の境界線の色を変更しない理由をjqueryの'border-bottom', '1px solid red'

$('.button').on('click', function(){ 
    $('.tr').css('border-top-color', 'red'); 
    $('.tr').find('td').css('border-bottom', '1px solid red'); 
}); 

に追加

$('.button').on('click', function(){ 
    $('.tr').css('border-color', 'red'); 
}); 

Fiddle

Answer 2

IをChromeを使用する下の境界線の色は変更されません。このコードの動作は次のとおりです。

$('.button').on('click', function(){ 
    $('.tr').css('border-top-color', 'red'); 
    $('.tr').css('border-bottom-color', 'red'); 
    $('.tr').css('background-color', 'red'); 
});