jquery - ボタンの外側に表示されるボタン テキスト

Question

ここでは、HTML ボタンで非常に奇妙な問題が発生しています。ボタンの内側に使用されるテキストは、ボタンの外側にも表示されます。ページ上のボタンのカスタム スタイル シートを使用して、ヘッダーとヘッダーの両方jQueryを呼び出しています。jQuery Mobile

ボタンに使用しているCSSはこちらです。

button {
color:#000;
font-size:18px;
min-width:150px;
padding:10px;
text-align:center;
text-shadow:1px 1px #FFF;
width:150px;

border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

そして、これが私が使用しているボタンのコードです。

<button  onclick="try{ login(); }catch(e){ alert(e); }">Log In</button>

実際の出力は次のようになります。

これは完全に私の心を吹き飛ばしています。ボタンの外にテキストが表示されないようにする方法について何か提案はありますか?

jsfiddle http://jsfiddle.net/u7DH2/

Answer 1

これは jquery-mobile との競合です...コメントすると問題が解決します。

<!--<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> -->

ここで確認してください... jsfiddle.net/u7DH2/2