出现在按钮外面的按钮文本
问题描述:
我在这里用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/
答
这是与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
+4
这个冲突可能与jQuery 1.7然后 - 请参阅我上面的评论。 – Archer 2013-02-13 17:54:19
+0
太棒了!这样可行!谢谢! – 2013-02-13 17:56:26
你需要重新创建的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