CSSでアラートボックスのスタイルを設定するにはどうすればよいですか？

- 更新 - 件名に多くの読み込みがありましたが、いくつかのスクリプトを試しました。あなたができることやできないことを見つけるために必要な助けが必要でした。コミュニティはそれにすべて答え、以下は良い出発点です。（下のコミュニティから抜粋した回答です。ありがとうございます）CSSでアラートボックスのスタイルを設定するにはどうすればよいですか？

あなたはデフォルトの大文字と小文字を区別できません。それはあなたのクライアント（例えば、クロムファイアフォックスなど）によって生成されます
代わりにjqueryを使用することができます。次のようなスクリプトを使用する代わりに、

function check_domain_input（）{ var domain_val = document.getElementsByName（ 'domain'）; if（domain_val [0] .value.length> 0）{ がtrueを返します。 } alert（ '検索するドメイン名を入力してください。'）; falseを返します。 }

クライアント（firefox chromeなど）はアラートボックスを生成します。

2b。代はあなたがかなり作ることができるイベント負荷jqueryのalertboxで発生する必要がある場合は、コードを教えて：（ジョナサン・ペインで答えてジョナサン・ペインで作成された、ありがとうございました。）

は

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<div onclick="check_domain_input()">Click</div> 

<div id="dialog" title="Attention!" style="display:none"> 
    Please enter a domain name to search for. 
</div> 

<script> 
    function check_domain_input() 
    {   
     $("#dialog").dialog(); // Shows the new alert box. 

     var domain_val = document.getElementsByName('domain'); 

     if (domain_val[0].value.length > 0) 
     { 
      return true; 
     } 

     $("#dialog").dialog(); 

     return false; 
    } 
</script>

ここjsFiddleをチェックアウト：http://jsfiddle.net/8cypx/12/

を

出典

2012-07-17 david

あなたの質問はどうなりますか？ – robbrit

[jQuery UIダイアログ]（http://jqueryui.com/demos/dialog/）を使用 – MrOBrian

http://stackoverflow.com/a/7853150 –

ここにあるjQuery UIをお試しください：http://jqueryui.com/demos/dialog/

彼らはあなたがダイアログとモーダルボックスのスタイルを設定することができ、テーマローラーを持っています。

- EDIT -

あなたの2番目の質問に答える。

ここjsFiddleをチェックアウト：http://jsfiddle.net/8cypx/12/

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<div onclick="check_domain_input()">Click</div> 

<div id="dialog" title="Attention!" style="display:none"> 
    Please enter a domain name to search for. 
</div> 

<script> 
    function check_domain_input() 
    {   
     $("#dialog").dialog(); // Shows the new alert box. 

     var domain_val = document.getElementsByName('domain'); 

     if (domain_val[0].value.length > 0) 
     { 
      return true; 
     } 

     $("#dialog").dialog(); 

     return false; 
    } 
</script>

出典

2012-07-17 18:47:24

ありがとう、精神的にそれに関連することができ、私はjqueryで遊ぶことの数週間後に思うyouveは将来の見通しに入れてみんなと – david