Question

在焦点上我正在为按钮添加轮廓，但轮廓与Internet Explorer中的边框重叠。这在Chrome中工作正常。

代码：

 <div id="right" role="button" tabindex="0">
    <div class="rightcontent">
        test 
     </div>
 </div> 

#right {
height:39px;
dispaly:inline;
width:46px;
}

.rightcontent {
padding: 10px;
width:26px;
height:18px;
border-bottom :1px solid #000;
position:relative;
}

链接：http://jsfiddle.net/yhmcLgus/5/

这是Internet Explorer的错误吗？不应该在元素维度之外勾画出来吗？

请建议在不改变元素高度的情况下可以做些什么。

Answer 1

$("#mydatatable").DataTable({ "ajax": { "url": "ajax.php?action=datatable", "data": function(data){ data.age = $('#select-age').val(); }, "type": 'POST', }, "order": [[2, "desc"]], }); // Handle event when select box value changes $('#select-age').on('change', function(){ // Reload data $("#mydatatable").DataTable().ajax.reload(); });是在元素之外设置大纲的方法之一。但它在Internet Explorer中不受支持。但是通过使用outline-offset的替代解决方案，您可以获得所需的结果。

pseudoelement

这是工作Fiddle

Internet Explorer中的边框和轮廓重叠

1 个答案: