Jquery 将SVG悬停时的颜色更改为输入元素
我有一个SVG作为提交按钮。我希望SVG将按钮从鼠标悬停转为蓝色。我下面的代码似乎不起作用。 HTMLJquery 将SVG悬停时的颜色更改为输入元素,jquery,html,css,svg,Jquery,Html,Css,Svg,我有一个SVG作为提交按钮。我希望SVG将按钮从鼠标悬停转为蓝色。我下面的代码似乎不起作用。 HTML 如果添加带有标记的svg，则不能使用CSS更改其颜色。相反，您必须使用标记创建svg以使用CSS更改其颜色。如果您使用标记添加svg，则无法使用CSS更改其颜色。相反，您必须使用标记创建svg，以使用CSS更改其颜色。尝试以下操作： .svg悬停：悬停{ 背景：蓝色； } 试试这个： .svg悬停：悬停{ 背景：蓝色； } 您应该使用而不是标记。因为 一个元素只能有一个ID。所以id
如果添加带有
.svg悬停：悬停{
背景：蓝色；
}
.svg悬停：悬停{
背景：蓝色；
}
- 您应该使用
而不是
标记。因为 - 一个元素只能有一个ID。所以
这一个将产生问题id=“submitsvg hover” - 您应该使用
而不是
标记。因为 - 一个元素只能有一个ID。所以
这一个将产生问题id=“submitsvg hover”
- 不能像类一样使用ID，ID是一个没有空格的字符集。您有两种解决方案，一种是使用类，另一种是更改de ID。这是一个使用“悬停”选择器（ID已更改）检查的示例
<HTML>
<Head>
<Style>
#svg-hover:hover {
background-color: yellow;
}
</Style>
</Head>
<Body>
<div class="icon-cnt" id="search-icon">
<input type="image" src="http://s.cdpn.io/3/kiwi.svg" border="0" alt="Submit" id="svg-hover"/>
</div>
</Body>
</HTML>
#svg悬停：悬停{
背景颜色：黄色；
}
<HTML>
<Head>
<Style>
#svg-hover:hover {
background-color: yellow;
}
</Style>
</Head>
<Body>
<div class="icon-cnt" id="search-icon">
<input type="image" src="http://s.cdpn.io/3/kiwi.svg" border="0" alt="Submit" id="svg-hover"/>
</div>
</Body>
</HTML>
#svg悬停：悬停{
背景颜色：黄色；
}
<HTML>
<Head>
<Style>
#svg-hover:hover {
background-color: yellow;
}
</Style>
</Head>
<Body>
<div class="icon-cnt" id="search-icon">
<input type="image" src="http://s.cdpn.io/3/kiwi.svg" border="0" alt="Submit" id="svg-hover"/>
</div>
</Body>
</HTML>