Javascript 铬上的奇怪边界

chrome上的奇怪边框与图片类似，当单击任何位置时，它就会消失

谢谢你的帮助

CSS:

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: []
            });
          });
        }

函数openView（id）{
var url=''+id
+“&fromWidget=true”；
$.get（url、函数（html）{
$（'#eventContent'）.html（html）；
$（“#事件内容”）.removeClass（'hide'）。对话框({
莫代尔：是的，
标题：“
",
宽度：500，
title_html:true，
按钮：[]
});
});
}

你能提供HTML代码吗？CSS不会导致这种情况-发布的代码远不足以确定边界是从哪里来的，不看网站就下结论还为时过早。但是，这可能是因为css outline属性。似乎是chrome上输入的默认“outline”。尝试将“大纲”设置为none@Geert-简冷静下来，用你的答案来修正它

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: []
            });
          });
        }