jQueryUI のダイアログの下に表示されるボタンのサイズはどうやって変更したらいいですか?

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2011/02/10 09:18:21
  • 終了:2011/02/11 01:52:05

回答(1件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922011/02/10 15:09:45

ポイント60pt

コードが無いので

>jQueryUI のダイアログの下に表示されるボタン

が何かわかりませんが、

jQuery UI - Dialog Demos & Documentation

このOKボタンだと仮定します。

ボタン自体のサイズを指定するオプションは無さそうなので以下のように自分でCSSをあてるしか無さそうです。


DEMO: http://jsfiddle.net/xmEXT/

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css" type="text/css" media="all" />
<script>
$(function() {
  $("<p>hoge</p>").dialog({
    modal: true,
    buttons: {
      OK: function() {
        $(this).dialog("close");
      }
    }
  });
});
</script>
<style>
.ui-button-text {
  font-size: 2em !important;
  padding: 0.1em !important;
}
</style>
</head>
<body>
</body>
</html>
id:norisuke3

そうです。そのOKボタンです。

なるほど。有難うございます。

2011/02/11 01:51:50

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません