html button去掉点击时的边框

最新推荐文章于 2023-08-01 13:13:34 发布

原创最新推荐文章于 2023-08-01 13:13:34 发布 · 2.1w 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

html

当前文章被收录于：

html

44 篇文章 2 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文深入探讨了CSS中按钮样式的设置方法，包括如何使用不同前缀实现浏览器兼容性的圆角效果，以及设置按钮边框、颜色和消除默认轮廓线的具体实践。

<button class="querybtn">确定</button>
.querybtn{
  width: 100%;
  height: 40px;
  -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
  -moz-border-radius:6px;/*适配firefox浏览器*/
  -ms-border-radius:6px;/*适配IE浏览器*/
  -o-border-radius:6px;/*适配opera浏览器*/
  border-radius:6px;/*适配所有浏览器*/
  border: 1px solid #C6C4C4;
  outline: none;
}
button :focus{outline:0;}

标签

#html