出现在按钮外面的按钮文本

我在这里用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>

这里是输出实际的样子。

enter image description here

这完全是吹我的脑海里。关于如何让文字不出现在按钮外的任何建议？

的jsfiddle http://jsfiddle.net/u7DH2/

来源

2013-02-13 The Duke Of Marshall שלם

你需要重新创建的jsfiddle错误，因为它似乎只是正常工作对我来说 - > [** * FIDDLE *]（http://jsfiddle.net/jFEEz/） – adeneo 2013-02-13 17:29:01

你可以发布jsfiddle吗？ – 2013-02-13 17:34:01

也让我们知道哪些浏览器（S）你在测试这一点。 – ajp15243 2013-02-13 17:35:49

这是与jQuery移动一些冲突......如果你对此有何评论它，它解决了这个问题。

<!--<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

来源

2013-02-13 17:52:45 henser

这个冲突可能与jQuery 1.7然后 - 请参阅我上面的评论。 – Archer 2013-02-13 17:54:19

太棒了！这样可行！谢谢！ – 2013-02-13 17:56:26

出现在按钮外面的按钮文本

回答

相关问题