Question

我为p标签添加了一个类错误，该类的css是

.error{
border: 1px solid #ff0000 !important;
}

它在所有其他浏览器中运行良好。使用Jquery将此错误类添加到元素中。这个类在IE11中被添加，但是css没有进入。我可以在开发人员工具中查看该类及其CSS（检查文本框）。但仍然没有边界。

我不知道出了什么问题！

HTML： - <p class="custom-multi-select-items" id="industry-items"></p>

jquery是通过点击按钮

编写的

jQuery： -

$('.savebtn').click(function(){
$('.custom-multi-select-items').addClass('error');
});

P有一个css

.custom-multi-select-items {
width: 100%;
margin-top: -29px;
background: white;
border: 1px solid #E8E8E8;
min-height: 30px;
padding: 5px;
padding-left: 14px;
}

Answer 1

$('.savebtn').click(function(){
$('.custom-multi-select-items').addClass('error');
}); 
	$('.removebtn').click(function(){
$('.custom-multi-select-items').removeClass('error');
});

.custom-multi-select-items {
		width: 100%;
		margin-top: 0;
		background: white;
		border: 1px solid #E8E8E8;
		min-height: 30px;
		padding: 5px;
		padding-left: 14px;
	}
	.error{
		border: 1px solid #f00;
	}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<p class="custom-multi-select-items" id="industry-items">Sample text</p>
<button class="savebtn">red</button>
<button class="removebtn">remove</button>

我已经使用了代码片段并且它与IE11一起工作得很好。我认为你使用的是旧版本的jQuery。你能告诉我你使用的是哪个版本的jQuery吗？我使用jQuery jquery-1.10.2.js运行了代码片段，请尝试使用最新的jQuery版本的代码片段。

此外，我在代码中添加了一个可以使用addClass和removeClass方法添加或删除边框的内容，您可以使用我的代码片段进行检查。

Answer 2

试试这个..

$('.savebtn').click(function(){
$('#industry-items').removeClass('custom-multi-select-items');
$('#industry-items').addClass('error');
})

类的CSS仅在IE11中不起作用

2 个答案: