如何在悬停时使 HTML 锚标记更粗，而无需 css，仅更改内联样式？

Question

我想在不使用任何外部或嵌入式 CSS 文件的情况下使以下锚标记在悬停时看起来更粗，我可以通过应用内联样式使它们看起来更粗吗？

<a href="https://en.wikipedia.org/wiki/Internet_of_Things"  target="_blank" ">Internet of things<br></a>
<a href="https://en.wikipedia.org/wiki/Machine_to_machine"  target="_blank">M2M<br></a>
<a href="https://en.wikipedia.org/wiki/Mesh_networking"  target="_blank">Mesh Network<br></a>
<a href="https://en.wikipedia.org/wiki/Telemetry"  target="_blank">Telemetry<br></a>
<a href="https://en.wikipedia.org/wiki/Wireless_sensor_network"  target="_blank">WSN</a>

Answer 1

据此，否： How to write a:hover in inline CSS?

但是您可以使用 javascript，使用 onmouseover 事件

Answer 2

你不能用内联 CSS 来做到这一点。您必须使用普通的 <style> 标签或单独的 sheet:

a {
    font-weight: normal;
}

a:hover {
    font-weight: bold;
}

我强烈建议你尝试使用CSS，但如果你必须使用JS，这里有一个解决方案：

<a href="https://en.wikipedia.org/wiki/Internet_of_Things" onmouseover="this.style.fontWeight='bold'" onmouseout="this.style.fontWeight='normal'" target="_blank" ">Internet of things<br></a>

这是一个fiddle：

http://jsfiddle.net/72ehppr1/

如何在悬停时使 HTML 锚标记更粗，而无需 css，仅更改内联样式？

How to make an HTML anchor tag bolder on hover without css, only changing the inline style?

html

hover