css美化单选款、复选框

最新推荐文章于 2022-05-10 13:06:38 发布

正在输入代码中

最新推荐文章于 2022-05-10 13:06:38 发布

阅读量1.1k

点赞数

分类专栏： web前端文章标签： css 源码 web

本文链接：https://blog.csdn.net/qq_26744901/article/details/51752087

版权

本文介绍了一种方法来美化网页中的单选按钮和复选框，提供了广泛的浏览器支持，包括Chrome, Firefox, Safari, Opera以及IE9及更高版本。" 129735754,10405582,MySQL行锁分析：加锁规则与实例解析,"['数据库', 'MySQL', '数据库锁']

摘要由CSDN通过智能技术生成

一款美化单选款、复选框的样式

支持度：

Chrome
Firefox
Safari
Opera
IE9 && IE9+

代码：

<!DOCTYPE html>
<html>
<head></head>
<style>
    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        line-height: 140%;
    }

    @keyframes hover-color {
        from {
            border-color: #c0c0c0;
        }
        to