html - 我可以创建没有边框的按钮，但它不起作用

Question

我正在尝试使用创建按钮no border，我可以做到，按钮一旦我通过css删除边框，它就无法正常工作Firefox，Chrome请帮助。

<button type="button" id="submitButton" >Submit</button>

.container #emailDiv #submitButton{
float:left;
margin-top:368px;
margin-left:-151px;
background-image:url(images\\but-middle.gif);
background-repeat:x-repeat; 
width:50px;
border:none;
 }

Answer 1

尝试导入无边框？它可能会被其他一些 div 继承。

border:none !important;

Answer 2

它为我工作...

看看@这个演示/演示..

#submitButton {
    background-color:green;
   background-image:url(images\\but-middle.gif);
   background-repeat:x-repeat;
   width:50px;
   border:none;
  -moz-border:none
  -webkit-border:none

}

Answer 3

试试看

.container #emailDiv #submitButton{
float:left;
margin-top:368px;
margin-left:-151px;
background-image:url(images\\but-middle.gif);
background-repeat:x-repeat; 
width:50px;
border:none;
-moz-border:none
-webkit-border:none

Answer 4

如果边框不能影响你的布局，试试这个

.container #emailDiv #submitButton{
float:left;
margin-top:368px;
margin-left:-151px;
background-image:url(images\\but-middle.gif);
background-repeat:x-repeat; 
width:50px;
border:1px solid #fff transparent !important;
}