我尝试创建按钮和插入自己的图像,而不是标准的按钮图像。但是,标准按钮的灰色边框仍然保留,显示在我的黑色按钮图像的外部。
有人知道如何去除按钮上的灰色边框,这样就只剩下图像本身了吗? 谢谢。
加
padding: 0; border: none; background: none;
你的扣子。
演示:
Https://jsfiddle.net/vestride/dkr9b/
尝试使用: border:0;或 border:none;
border:0;
border:none;
通常的技巧是使图像本身成为链接的一部分,而不是按钮。然后,将“ click”事件与自定义处理程序绑定。
像 Jquery-UI 或 Bootstrap 这样的框架可以开箱即用。顺便说一下,使用其中的一个可以大大简化整个应用程序概念。
您也可以尝试 background:none;border:0px到按钮。
background:none;border:0px
另外 css 选择器是 div#yes button{..}和 div#no button{..}。希望它有所帮助
div#yes button{..}
div#no button{..}
我也有同样的问题,即使我在 CSS 中设计我的按钮样式,它也永远不会选择 border:none,但真正起作用的是直接在输入按钮上添加一个样式,如下所示:
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;}
button{border:none; outline:none;}
你可以很容易地赋予它这种风格:
MyButton { border: none; outline: none; background: none; }
border: none;还将分别为您完成这项工作,而不给出轮廓(因为: 轮廓是在元素边界之外绘制的一条线。)。因此,如果没有边框,轮廓属性本身就没有任何意义)。
border: none;
背景简写 CSS 属性立即设置所有背景样式属性,如颜色、图像、原点和大小,或重复方法。所以当你设置它的值为 none,然后它防止你的按钮有任何颜色,图像等..。
none