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