鼠标悬停时Wordpress可视化编辑器帮助/边框更改

Question

我正在尝试在Wordpress可视化编辑器中进行一些更改。基本上，我已经在图像周围有一个边框，我希望边框在鼠标悬停时改变宽度和填充。这是我目前的代码：

img class="wp-image-162 size-medium aligncenter" 
style="border: 5px solid #696262; 
padding: 5px; 
margin: 0px;" 

我应该添加什么代码，以便在鼠标触摸图像时边框发生变化？

非常感谢你的帮助。

Answer 1

最好不要使用这样的inline-css，这意味着最好使用：

<style type="text/css">
img.size-medium{border: 5px solid #696262; padding: 5px; margin: 0px;}
img.size-medium:hover{border: 12px solid blue;}
</style>

如果你坚持使用inline-css，请使用！important

img.size-medium:hover{border: 12px solid blue !important;}