当前位置: 首页 > news >正文

CSS去掉按钮阴影 | css去掉按钮边框 | 注意改变搜索的关键词、搜索方式

有边框的按钮-本以为这是阴影
上图是在谷歌浏览器中运行的结果

button {box-shadow: none;height: 50px;width: 100px;background-color: white;border-color: white;
}

写了以上的css,发现按钮还是有阴影一样的东西,查阅网络资料的时候也一直在搜索“如何去掉按钮阴影”,后来用了各种去阴影的语句,还是去不掉那圈灰色的东西

搜索结果中有关于按钮边框的内容,意识到这有可能是边框,而非阴影(本以为把边框设置为白色就行了)。后来直接去掉了边框,就没有那灰色的一圈东西了。

去边框:

button {height: 50px;width: 100px;background-color: white;border: none;
}

相关文章:

  • 论文阅读——SG-Former
  • 【Minikube Prometheus】基于Prometheus Grafana监控由Minikube创建的K8S集群
  • 通配符和正则表达式
  • JVM系列-方法区、堆区、栈区
  • 常见负载均衡方案分析
  • ClickHouse基础知识(六):ClickHouse的副本配置
  • jsp结合servlet
  • 计算机网络(第八版)期末复习(第二章物理层)
  • SpringBoot整合mail进行发送邮箱
  • 【PostgreSQL】约束-排他约束
  • python + flask+nginx+mysql环境安装详解
  • blender插件开发
  • Trino:分区表上的SQL提交 查询流程浅析
  • MySQL数据库学习二
  • WPF+Halcon 培训项目实战(10):HS组件绘制图案
  • 【笔记】你不知道的JS读书笔记——Promise
  • Android单元测试 - 几个重要问题
  • Angular Elements 及其运作原理
  • CentOS6 编译安装 redis-3.2.3
  • co.js - 让异步代码同步化
  • JAVA_NIO系列——Channel和Buffer详解
  • Selenium实战教程系列(二)---元素定位
  • Spring框架之我见(三)——IOC、AOP
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • Vue源码解析(二)Vue的双向绑定讲解及实现
  • windows下如何用phpstorm同步测试服务器
  • 分布式熔断降级平台aegis
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 后端_MYSQL
  • 坑!为什么View.startAnimation不起作用?
  • 每天一个设计模式之命令模式
  • 如何在 Tornado 中实现 Middleware
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 怎么将电脑中的声音录制成WAV格式
  • "无招胜有招"nbsp;史上最全的互…
  • # C++之functional库用法整理
  • #if 1...#endif
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (HAL)STM32F103C6T8——软件模拟I2C驱动0.96寸OLED屏幕
  • (poj1.3.2)1791(构造法模拟)
  • (Redis使用系列) Springboot 使用redis实现接口Api限流 十
  • (安卓)跳转应用市场APP详情页的方式
  • (南京观海微电子)——COF介绍
  • (一)appium-desktop定位元素原理
  • (转)JAVA中的堆栈
  • (轉貼) UML中文FAQ (OO) (UML)
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • ******之网络***——物理***
  • *ST京蓝入股力合节能 着力绿色智慧城市服务
  • .NET 命令行参数包含应用程序路径吗?
  • /var/lib/dpkg/lock 锁定问题
  • @Bean, @Component, @Configuration简析