从按钮上删除边框

我尝试创建按钮和插入自己的图像,而不是标准的按钮图像。但是,标准按钮的灰色边框仍然保留,显示在我的黑色按钮图像的外部。

有人知道如何去除按钮上的灰色边框,这样就只剩下图像本身了吗? 谢谢。

497249 次浏览

padding: 0;
border: none;
background: none;

你的扣子。

演示:

Https://jsfiddle.net/vestride/dkr9b/

尝试使用: border:0;border:none;

通常的技巧是使图像本身成为链接的一部分,而不是按钮。然后,将“ click”事件与自定义处理程序绑定。

像 Jquery-UI 或 Bootstrap 这样的框架可以开箱即用。顺便说一下,使用其中的一个可以大大简化整个应用程序概念。

您也可以尝试 background:none;border:0px到按钮。

另外 css 选择器是 div#yes button{..}div#no button{..}。希望它有所帮助

我也有同样的问题,即使我在 CSS 中设计我的按钮样式,它也永远不会选择 border:none,但真正起作用的是直接在输入按钮上添加一个样式,如下所示:

<div style="text-align:center;">
<input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

这看起来对我很有效。

button:focus { outline: none; }
$(".myButtonClass").css(["border:none; background-color:white; padding:0"]);

用于从按钮焦点上的按钮中移除默认的“蓝色边框”:

在 HTML 中:

<button class="new-button">New Button...</button>

还有 CSS

button.new-button:focus {
outline: none;
}

希望对你有所帮助:)

把这个作为 css 添加进去,

button[type=submit]{border:none;}
input[type="button"] {
border: none;
outline:none;
}

你可以像下面这样定位 CSS 样式中的按钮:

 div button {
border: none;
}

使用: button{border:none; outline:none;}

你可以很容易地赋予它这种风格:

MyButton {
border: none;
outline: none;
background: none;
}

border: none;还将分别为您完成这项工作,而不给出轮廓(因为: 轮廓是在元素边界之外绘制的一条线。)。因此,如果没有边框,轮廓属性本身就没有任何意义)。

背景简写 CSS 属性立即设置所有背景样式属性,如颜色、图像、原点和大小,或重复方法。所以当你设置它的值为 none,然后它防止你的按钮有任何颜色,图像等..。