如何使用Jquery为background-color和border css设置默认值？

2023年8月16日 350次阅读

我有一些输入,我用
Jquery修改他们的CSS,我想得到他们的默认CSS.我知道Jquery中存在一个方法来更改css(.css)和属性初始化用于使你的html元素显示为默认值,所以根据
their examples我编写了以下代码：

$(document).ready(function() {
     var styles= {
         border : "initial",
         backgroundColor: "initial"
     };

     $('#code').css(styles);
});

但是border或backgroundColor都没有将它们的值更改为默认的css值.

我错过了什么吗？它是另一个属性,如初始获得边框和背景颜色的默认CSS值？

编辑：这是与该输入相关的HTML.

<input id = 'code' type='text' value = 'Prove' style = 'border: 0px; background-color: transparent;'/>

EDIT2：Here它是jsfiddle,你可以在其中看到我想要输入(code2)以及如何显示输入(code1).

提前致谢！

最佳答案 试试这个代码

<script>
$(document).ready(function() {
     var styles= {
         border : "inherit",
         backgroundColor: "inherit"
     };

     $('#code').css(styles);
});
</script>

只需将initial更改为inherit

点赞