<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="http://css3.sinriv.com/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://css3.sinriv.com/feed.php">
        <title>CSS3 Dot TOP 编程:web:html5</title>
        <description></description>
        <link>http://css3.sinriv.com/</link>
        <image rdf:resource="http://css3.sinriv.com/lib/tpl/dokuwiki/images/favicon.ico" />
       <dc:date>2026-06-03T05:34:17+0800</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://css3.sinriv.com/%E7%BC%96%E7%A8%8B:web:html5:%E8%87%AA%E5%AE%9A%E4%B9%89%E9%BC%A0%E6%A0%87?rev=1565083565"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://css3.sinriv.com/lib/tpl/dokuwiki/images/favicon.ico">
        <title>CSS3 Dot TOP</title>
        <link>http://css3.sinriv.com/</link>
        <url>http://css3.sinriv.com/lib/tpl/dokuwiki/images/favicon.ico</url>
    </image>
    <item rdf:about="http://css3.sinriv.com/%E7%BC%96%E7%A8%8B:web:html5:%E8%87%AA%E5%AE%9A%E4%B9%89%E9%BC%A0%E6%A0%87?rev=1565083565">
        <dc:format>text/html</dc:format>
        <dc:date>2019-08-06T17:26:05+0800</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>编程:web:html5:自定义鼠标</title>
        <link>http://css3.sinriv.com/%E7%BC%96%E7%A8%8B:web:html5:%E8%87%AA%E5%AE%9A%E4%B9%89%E9%BC%A0%E6%A0%87?rev=1565083565</link>
        <description>html5鼠标样式

css实现

利用cursor属性

比如说cursor: url(&lt;https://sinriv.com/img/mouse_hover.ico&gt;),auto;

一个完整的例子：

button:hover{
  cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
}
body,label,div,nav,section,footer,time,span,h1,h2,h3,h4,h5{
  cursor: url(https://sinriv.com/img/mouse.ico),auto;
}
textarea{
  cursor: url(https://sinriv.com/img/mouse_edit.ico),auto;
}
a:hover{
  cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
}
.mouse-selected,.mouse-selected&gt;*{
  cursor: url(https://sinri…</description>
    </item>
</rdf:RDF>
