为什么 input[type=checkbox] 不允许 CSS？

【问题标题】：Why does input[type=checkbox] not allowing CSS?为什么 input[type=checkbox] 不允许 CSS？
【发布时间】：2019-02-01 15:27:25
【问题描述】：

我正在尝试找到直接的 CSS 来申请复选框。但我只能找到样式复选框或单选按钮的技巧。与input[type=button] 或[type=text] 不同，为什么复选框或单选按钮不允许原生CSS 样式？

【问题讨论】：

  • 你所说的原生 CSS 样式是什么意思？
  • 背景色，颜色，..
  • 因为这些元素是由操作系统渲染的，而浏览器并不能真正访问这些元素。这就是为什么您需要使用 hack 来设置它们的样式。

标签： html css checkbox radio-button


【解决方案1】：

您不能直接设置复选框或单选输入的样式。它由浏览器设置样式。如果你想做一些自定义，你需要隐藏它，并通过伪元素设置样式，比如 :before/:after 或者只是使用 span 等。

这里有一些简单的例子：https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

【讨论】：

    猜你喜欢
    • 2016-12-09
    • 1970-01-01
    • 1970-01-01
    • 2013-04-06
    • 2013-08-04
    • 2011-08-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode