文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery，如何更改webkit属性？

问Jquery，如何更改webkit属性？
EN

Stack Overflow用户

提问于 2018-07-27 01:55:15

回答 1查看 470关注 0票数 0

我正在尝试弄清楚如何在jquery中更改webkit属性来删除输入微调器？为了在CSS中做到这一点，你需要这样的代码：

.quantity::-webkit-inner-spin-button, 
.quantity::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

但是我想用jquery添加"-webkit-apperance:none；“和"margin:0”

我试过了：

$('input[type=number]').css({
                "display":"-webkit-outer-spin-button"
            }).css({
                '-webkit-appearance':'none',
                'margin':'0'
            });

我试过了：

 $('input[type=number]::-webkit-outer-spin-button')({
       '-webkit-appearance':'none',
       'margin':'0'
 });

和：

$('input[type=number]').css({
            '-webkit-inner-spin-button': '',
             '-webkit-outer-spin-button':''({
                 '-webkit-appearance':'none',
                 'margin':'0'
             })


 });

webkit

jquery

回答 1

Stack Overflow用户

发布于 2018-07-27 03:12:38

spin buttons是pseudo-elements和do "not become part of the DOM“。

所以jQuery can't access them directly。

我建议使用jQuery添加/删除定义-webkit-appearance的类。

jQuery('#trigger').on('click', function() {
  jQuery('.quantity').addClass('hide_spin');
});

.quantity.hide_spin::-webkit-inner-spin-button,
.quantity.hide_spin::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* just for demo */

.quantity.hide_spin {
  background-color: lightgreen;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button" id="trigger">Click To Remove Spinner</button>
<input type="number" class="quantity">

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51544897

复制

相似问题

问Jquery，如何更改webkit属性？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery，如何更改webkit属性？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery，如何更改webkit属性？
EN