Question

我通过jquery将CSS border属性设置为div标签，如下所示：

<div class='content'></div>
$('.content').css({
   "border": "30px solid transparent",
   "border-image": "url('data:image/png;base64,iVBORw0KGgoXiQqNZYII=') 30 30 round", //I was shorted base64 image
});

div标签应用了除 border-image 属性之外的所有CSS。它仅将 border 属性应用于'.content'类：

<div class="content" style="border: 30px solid transparent;">

我试图一一设置属性，但 border-image 仍然无法解决。如果我只设置 border-image ，那么它可以正常工作。

Answer 1

参考@tsh的评论之后。我将border属性分为三个属性：border-image，border-style，border-color，它可以根据需要工作。

关于我遇到的问题的原因，我认为由border属性引起的包括border-image属性，因此它仅在HTML标记中显示border。

jQuery设置的某些CSS属性不会显示在html元素上

1 个答案: