备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

CSS：去除input和button边框以及选中时边框默认样式

2023-11-27 55
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： CSS：去除input和button边框以及选中时边框默认样式

CSS：去除input和button边框以及选中时边框默认样式

<input type="text">
input{
      border: 0;  // 去除未选中状态边框
        outline: none; // 去掉外边的蓝色边框
      background-color: rgba(0, 0, 0, 0);// 透明背景
      }

Button 按钮的点击时候出现蓝色边框的问题

button{
         outline:none;
 }


文章标签：
前端开发
关键词：
CSS边框
CSS样式
CSS边框样式
CSS button边框
CSS button
王同学睡醒了
目录
相关文章
穆雄雄.
|
1月前
|
前端开发
css解决li边框重合问题
css解决li边框重合问题
穆雄雄.
14 0
阑梦清川
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
阑梦清川
33 0
Boale_H
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
Boale_H
28 0
Boale_H
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
Boale_H
42 0
时雨h
|
13天前
|
前端开发 开发者
CSS3的常见边框汇总
CSS3的常见边框汇总
时雨h
13 2
雷霆半月斩掉你的板砖
|
17天前
|
前端开发
CSS 改变鼠标样式(大全)
CSS 改变鼠标样式(大全)
雷霆半月斩掉你的板砖
11 0
你挚爱的强哥
|
20天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
你挚爱的强哥
10 0
sunrr
|
24天前
|
XML 前端开发 数据格式
css添加样式
【4月更文挑战第4天】css添加样式
sunrr
21 9
远近高低各不同
|
1月前
|
前端开发
css边框border(含代码,易懂)
css边框border(含代码,易懂)
远近高低各不同
24 0
众所周知
|
1月前
|
JavaScript 前端开发
如何在 Vue 中进行样式绑定和scoped CSS？
如何在 Vue 中进行样式绑定和scoped CSS？
众所周知
15 0