This article demonstrates an example of how jQuery can be used to modify styles with a mouse stroke. Share with you for your reference. The details are as follows:

$(document).ready(function () {
 // Styles by default
 $("input:text").attr("style","border:1px solid #7E9DB9;");
 // Mouse over the style
 $("input:text").mouseover(function () {
  $(this).attr("style","border:1px solid #EDBB72;");
 });
 // Mouse over the styles
 $("input:text").mouseout(function () {
  $(this).attr("style","border:1px solid #7E9DB9;");
 });
});

I hope this article has been helpful to your jQuery programming.