如何删除Internet Explorer中按钮的默认onclick和活动效果?

时间:2012-12-11 12:36:36

标签: css internet-explorer

单击带有html的按钮时,在Internet Explorer 9中

<fieldset class="this_fieldset">
<p style="display:inline">title:</p>
<button class="styled_buttons" data-filter=".1">all</button>
<button class="styled_buttons" data-filter=".1.2">2</button>
<button class="styled_buttons" data-filter=".1.3">3</button>
<button class="styled_buttons" data-filter=".1.4">4</button>
<button class="styled_buttons" data-filter=".1.5">5</button>
<button class="styled_buttons" data-filter=".1.6">6</button>
<button class="styled_buttons" data-filter=".1.7">7</button>
</fieldset>

按钮上的文字移动并且按钮上出现(并保持)边框。

如何删除这些效果(它们不会出现在chrome和ff中)。

谢谢你。

更新:按要求更新当前的css:

fieldset.this_fieldset {
float: left;
}

.styled_buttons {
background: none repeat scroll 0 0 #CCCCCC;
border: 1px solid #000000;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
height: 23px;
padding: 2px 10px;
}

/* for firefox only */
@-moz-document url-prefix() {
.styled_buttons {
padding: 2px 5px;
}
}

.styled_buttons:hover {
cursor: pointer;
}

0 个答案:

没有答案