只有此jquery脚本在ie11中不起作用

我写了这段代码：

<script type="text/javascript">
$(document).ready(function(){
    $(".button").on("click",function(){
       var color = $(this).css("background-color");
        $(this).parent().css({'border':'4px solid',color,'border-radius':'8px'});
        var color_code = "<p style='color:black;font-size:15px;padding:15px;font-family:calibri'>"+color+"</p>"
        $(this).replaceWith(color_code)

    });
});

</script>

$（文档）.ready（函数（）{
$（“.button”）。在（“单击”，函数（）{
var color=$（this.css（“背景色”）；
$（this.parent（）.css（{'border'：'4px solid'，color，'border-radius'：'8px'}）；
var color_code=“
”+color+“
”
$（此）.replaceWith（颜色代码）
});
});

---

在除ie 11之外的所有浏览器上都可以正常工作，我不知道问题出在哪里？有什么建议吗？提前非常感谢

看来IE并没有跳过括号内的错误：

 {'border':'4px solid',color,'border-radius':'8px'}

应该是：

 {'border':'4px solid ' + color, 'border-radius':'8px'}

---

您好，值颜色不是用于背景，而是用于边框。我尝试使用{'border'：'4px solid'+color，'border-radius'：'8px'}但这在其他浏览器中也不起作用好吧，我解决了，我今天有点累：）-我写道：{'border'：'4px solid'，'border-color'：color，'border-radius'：'8px'}