CSS:使用display-inline覆盖属性会使IE中的文本无法选择

时间:2015-05-05 10:49:48

标签: css

在IE11上测试过;

html:

<div class="bar">
    <div class="test">some text</div>
</div>

的CSS:

.test {
   display: inline-block;
}

.bar .test {
    display: inline;
}

http://jsfiddle.net/pjWjy/117/

因此我们定义了一个属性为test的类display: inline-block。然后我们用display: inline覆盖该类。并且您无法在IE中选择文本。在其他浏览器中正常工作。如果没有覆盖属性(删除其中一个类),一切都按预期工作。这是IE中的错误吗?找不到记录。任何想法如何解决这个问题,而不删除属性的覆盖?

1 个答案:

答案 0 :(得分:0)

这是一个非常奇怪的问题!

我已经应用了绝对位置和之后的工作

请参阅jsfiddle

   .test {
      display: inline-block;
   }
   .bar .test {
      display: inline;
      position:absolute;
   }

还在ie -

中找到了关于文本选择问题的文章

How to prevent (or enable) text selection on your webpage using CSS