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