jquery - 类的 CSS 仅在 IE11 中不起作用

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 方法添加或删除边框，您可以使用我的代码片段检查它。