嗨,我在 HTML5 的 head 标签中有许多样式标签。如何从样式列表中删除特定标签。下面是我需要使用的代码。我需要高度为 50px 的样式标签或从该标签中删除样式 Height:50px。我该怎么办?
<html>
<head>
<style>p:hover{color:red;background: red;}</style>
<style>p:hover{color:yellow;height:50px}</style>'
</head>
<body>
<p>HELLO</p>
</body>
</html>
最佳答案
要更改鼠标悬停时的背景颜色,您可以使用 http://jquery.com/ 来更改背景颜色
您可以通过更改来执行相同的操作来更改元素的宽度或高度
$(this).css("background-color", "red");
by ´$(this).css("height", "50px");´
这是一个示例:http://jsfiddle.net/M4ULF/
CSS
#my_id{
height:50px;
width:50px;
background-color:#999;
}
HTML
<p id="my_id"></p>
JAVASCRIPT (jQuery)
$("#my_id").mouseover(function(){
$(this).css("background-color", "red");
})
$("#my_id").mouseout(function(){
$(this).css("background-color", "#999");
})
关于javascript - 动态删除样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20605562/