display:none; 失效原因

可能是元素之前已经设置了 display的类型，例如：

.icon-openEye{
	display:inline-block;
	position: relative;
	left: -12%;
	width: 22px;
	height: 22px;
}

此时，我再通过jQuery的方法为该元素添加一个none的class.

$('.icon-openEye').addClass('none');

并且已经定义none class 的css

.none{
    display:none;
}

会发现此时display:none会失效掉。

处理只需要把原来的display:inline-block删除掉就可以重新使用display:none;了。