仅附加div的伪类

Question

我有一个div，我用来附加一些文字。这是html

<div class="container">
    <div class="append"></div>
    <div class="roulette">
    </div>
    <button class="spinner"></button>  
</div>

这是jquery

var clickHandler = function() {
  $('.spinner').off('click');
  $('.spinner span').hide();
  $r.spin().done(function(price) {
   //$('.append').text('You won: ' + price.name);
    $('.append').text('Points: ' + Math.floor(Math.random() * 13) + 100 );
    $('.spinner').on('click', clickHandler);
    $('.spinner span').show();
    $('.spinner').css({"border": "none"});
  });
};

$('.spinner').on('click', clickHandler);

这是隐藏divs边框的css

.spinner {
  position: absolute;
  background: url("img/small_circle.png") no-repeat 30% 50%;
  width: 400px;
  height: 400px;
  border:none !important;
  top: -40px !important;
  left: 57px;
  bottom:100px !important;
  z-index:1000 !important;
}

当我将一些文本附加到div追加时，div微调器显示橙色边框线，我没有要求我的代码。我应该如何定位刚刚附加的div，因为我想要隐藏活动边框？

.spinner:focus{}似乎不起作用。

Screenshot