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

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

Mary-Kate Olsen
发布: 2024-11-10 19:34:03
原创
773 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板