html - 如何为ie8的标签设置边框？

Question

在 HTML 中，如何为 ie8 的标签设置边框？

 <div id="childDivId" style="width: 28em; color: gray; font-family: Calibri;
font-size: 2em; font-weight: bold; padding-top: 27.5em; padding-left: 2em;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/* for ie8 */">

  <label id="savedDataLbl" style="cursor: pointer;"  onclick="setSavedData()">
     Saved Data
  </label>
   | 
   <label id="searchResultsLbl" style="cursor: pointer" onclick="setSearchResults()">        
    Search Results
   </label>
</div>

没有 jQuery。

Answer 1

如果您正在谈论为label元素添加边框，您可以使用 CSS 来做到这一点：

label {
  border: 1px solid #ccc;
}

Answer 2

尝试这个：

 <label id="savedDataLbl" style="cursor: pointer; border: 1px solid red;"  onclick="setSavedData()">

还要添加一些padding-bottom到您的 div 中。

它在 IE8 中可见！