"http://www.w3.org/1999/xhtml">"Server"> <meta http-equiv="Content-type"Content="text/html; Charset=utf-8"/> <title></title> <link href="Font-awesome-3.2.1/font-awesome-3.2.1/css/font-awesome.min.css"Rel="stylesheet"/> <style>. the-icons Li:hover {background-color: #fbf4f4; }. the-icons Li:hover [class^="icon-"],. the-icons Li:hover [class*="icon-"] { *font-size:28px; *vertical-Align:middle; }. the-icons Li:hover [class^="icon-"]:before,. the-icons Li:hover [class*="icon-"]:before {font-size:28px; Vertical-align:-5px; }. the-icons Li {cursor:pointer; Line-height:32px; height:32px; Padding-left:12px; -webkit-border-radius:6px; -moz-border-radius:6px; Border-radius:6px; } </style>"Form1"runat="Server"> <ulclass="the-icons"> <li><iclass="Icon-download-alt"></i>icon-download-alt</li> </ul> </form></body>
No link style on this page by default, the mouse is not changed by the icon. This CSS code is still found from the official website, copy came.
Font-awesome Experience Mouse entry icon becomes larger