使用css的background-image让IE的input submit按钮显示背景图片。
IE的input要显示背景图片需要有border,如果把border设置为none,那就不能显示背景图片了。
所以我们只好这么做:
1 |
border: 0px solid #fff; |
完整的代码:
CSS:
1 2 3 4 5 6 7 8 9 |
.btn_test { height: 45px; background-image: url(gradVert.jpg); background-repeat: repeat-x; border-style: 0px solid #fff; display: block; cursor: pointer; } |
HTML:
1 |
<input type="submit" name="someName" value="Save" id="someID" class="btn_test" /> |
我测试了,可以滴呀!
所有的IE版本都测试了?
IE中设置了border-style: 0px solid #fff;也是不能显示背景图片的啊
@Sofia Zhou
没有”-style”…
What’s up, I log on to your blogs regularly. Your writing style is witty, keep it up!