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

试试吧

.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 2

如果边框不能分散您的布局，请尝试使用

.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;
}

Answer 3

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

border:none !important;

Answer 4

它为我工作......

只看@ this Demo / Demo..

#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

}

我能够创建没有边框的按钮，但它无法正常工作

4 个答案: