css 鼠标事件

173 阅读1分钟

人老了容易忘事,记录一下

 <style lang="scss" scoped>
        .btn {
          background: red;
        }
        //鼠标悬停时的状态
        .btn:hover{
          background: red;
        }
        //鼠标点击前的状态
        .btn:link{
          background: red;
        }
        //鼠标点击时状态
        .btn:active{
          background: red;
        }
        //鼠标点击后状态
        .btn:visited{
           background: red;
        }
        //鼠标聚焦时的状态(一般用在输入框)
        .btn:focus{
          background: red;
        }
</style>