首页 >web前端 >css教程 >如何去掉输入按钮上的边框?

如何去掉输入按钮上的边框?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-10 19:34:03809浏览

How to Get Rid of the Border on Input Buttons?

解决输入按钮的边框问题

点击输入按钮时,会出现难看的边框,破坏美观。为了解决这个问题,已经尝试了各种方法,例如利用 onfocus: none。然而,这些努力被证明是徒劳的。

为了解决这个长期存在的问题,CSS 领域有一个简单的解决方案。通过合并大纲:无;到你的样式定义中,你可以神奇地删除这个不需要的边框。

这是 CSS 代码的更新版本,它将消除边框:

input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}

通过应用这个 CSS 规则,难看的边框单击输入按钮时,边框将消失。您的按钮现在将展现出干净、专业的外观。

以上是如何去掉输入按钮上的边框?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn