如何为ie8的标签设置边框？答案

【问题标题】：how to set border for label for ie8?如何为ie8的标签设置边框？
【发布时间】：2013-02-19 16:38:49
【问题描述】：

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

 <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。

【问题讨论】：

label 元素的用法很奇怪。根据规范，它们应该是表单控件的标签，而不是控件本身。

标签： html internet-explorer internet-explorer-8 label border

【解决方案1】：

如果您要为 label 元素添加边框，您可以使用 CSS 来实现：

label {
  border: 1px solid #ccc;
}

【讨论】：

对不起朋友，它还没有托管在主站点上。我在本地尝试。实际上，我想为两个选定的标签设置边框。
@VinodKumar，如果它不起作用，那么问题出在您没有透露的代码部分。

【解决方案2】：

试试这个：

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

在你的 div 中添加一些 padding-bottom。

在 IE8 中可见！

【讨论】：