0

jquery 自体を使用せずに、独自のツールバーで jquery UI テーマを使用したいと考えています。

私は持っている：

<div class="toolbar ui-widget-header ui-corner-all">
  <a href="#" class="ui-icon ui-icon-circlesmall-close">close</a>
  <a href="#" class="ui-icon ui-icon-circlesmall-plus">open</a>
</div>

CSS:

.toolbar {
    height:28px;
}
    .toolbar a {
        display:inline-block;
        height:24px;
        width:24px;
    }

それは機能しますが、a hrefs にパディングまたはサイズを設定すると、アイコン ファイルにアイコンと周囲のアイコンの一部が表示されるため、ボタンの中心に配置されたアイコンが表示されません。

これを修正することは可能ですか？

4

2 に答える 2

2

パディングの代わりにマージンを使用できます。これにより、アイコンが中央に配置されます。

.toolbar {
    height:28px;
}
.toolbar a {
    display:inline-block;
    height:16px;
    width:16px;
    margin:6px;
}
于 2012-07-29T13:55:16.153 に答える
0

ここで答えを見つけました：

http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

アイコンファイルが周囲のアイコン（スプライト）を表示しないようにするには、適切なサイズの別のスパンが必要なようです。

于 2012-07-30T15:12:13.783 に答える