日期:2014-05-17  浏览次数:20730 次

submit设置背景色之后,边上会有一条白线
struts2 jsp中的s:submit标签 
Java code

<s:submit value="button" cssClass="submit"/>


css中设置
CSS code

.submit {
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    height: 19px;
    min-width: 46px;
    text-align: center;
}



设置之后,页面上的button变成蓝色了,但在边上会有一条白线,有的button有,有的没有,有的在左,有的在右,不明白
求高手来指指点点。。

------解决方案--------------------
那几个固定的button的style包括width height等跟正常的button有无差异。。。

探讨

我用的是ie8,在只保留background-color: #4D90FE的情况下,还是有这个情况,最奇怪的是所有设置都是一样的,有问题的只是那几个固定的button,真纠结了

------解决方案--------------------
~~!这,好吧,我想说我试了一下弄了个好大的按钮代码如下
<button value="button" class='submit'/>
.submit{width:40%;height:60%;
border-radius: 50px;
}
这样我的超级无敌大按钮的右边和下边出现了一个颜色不一样的灰边,点击时候灰边就跑到左边和上边去了
但是我把CSS改成下面这样就不一样了
.submit{width:40%;height:60%;
border: 0px solid #3079ED;
border-radius: 50px;
}
怎么点~~都没边
所以你不妨试试把没有用的列删掉一点一点加上去试试看看到底是哪个属性冲突了~~呵呵,笨人的笨招见笑了