Chrome上的奇怪边框

Question

像图片一样在Chrome上出现奇怪的边框，点击它消失的任何地方

谢谢你的帮助

CSS：

.ui-jqdialog .ui-jqdialog-titlebar-close:hover {
  opacity: 1;
  text-decoration: none;
  padding: 0;
}
.ui-jqdialog .ui-jqdialog-titlebar-close {
      border: none;
      background: transparent;
      opacity: 0.4;
      color: #d15b47;
      padding: 0;
      top: 50%;
      right: 8px !important;
      text-align: center;
}

JavaScript的：

function openView(id) {
          var url = '<s:url value="/www/calendar/ViewEvents.action?id=" />' + id                       
                    + "&fromWidget=true";
          $.get(url, function(html) {
            $('#eventContent').html(html);
            $( "#eventContent" ).removeClass('hide').dialog({
              modal: true,
              title: "<div class='widget-header widget-header-small'>
                      <h4 class='smaller'><s:text name="calendar" /></h4>                         
                      </div>",
              width: 500,
              title_html: true,
              buttons: []
            });
          });
        }