html button去掉点击时的边框

最新推荐文章于 2025-06-04 19:12:01 发布

原创最新推荐文章于 2025-06-04 19:12:01 发布 · 2.1w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

44 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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;}