人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: norisuke3
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:サイズ ダイアログ ボタン
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント

コードが無いので

>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>
◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ